100% height column

Is it possible to make a column run down to the bottom of the page somehow? I guessed maybe by adding a design box to the bottom of a stack of them. There won't be anything in it, just a color to run beside the column to its left, which sometimes gets longer.

Quote · 24 Aug 2013

Are you talking about a column in the page builders?  In CSS, the height of a container depends on the height of the container it is in.  Looking at this <div style="height:500px;"><div style="height:100%;"></div></div>; the inner division is going to have a height of 500 pixels.  So if you are not seeing the expected results, check the layout.

Columns in the page builder get placed inside of the page wrapper; which is why I asked about the page builder.

Geeks, making the world a better place
Quote · 24 Aug 2013

Right, Page Builder. So I've got a few HTML blocks in it in a 2 column set up. Say,

- News

- Ad

- Ad

- [nothing]

So maybe putting an HTML block at the end, give it some styling with height 100% and background-color=blah, that should take on the wrapper's height, yes?

Quote · 25 Aug 2013

Blocks are made up of bits, a header, body, and footer; depending on the design box.  You can see this in the template.  If you insert an HTML block, it is going to use design box one as the default   The blocks will line up on the page in the order they are inserted.  In order to get a block that is different, you will need to create a new design box and its associated CSS; and in this case you would not include a header.  By creating a new design box, you can style it without affecting the other blocks using design box one.  Then you need to assign the new design box to the block in the database or using one of the mods that allow this; there may be a free one.

Geeks, making the world a better place
Quote · 25 Aug 2013

We've used design boxes pretty extensively on the site. I've set up a unique one to handle this - here's what's in it -

 

<div class="disignBoxFirst" style="margin-left:17px;">

   <div class="boxContent" style="background-color:#292929; width:375px; height: 100%;">__designbox_content__ </div>

</div>

 

But it doesn't seem to want to do anything with height. I even tried setting the body of the site to 100% since it had nothing going otherwise.

Quote · 28 Aug 2013

When I have time, I will see if I can come up with something.

Geeks, making the world a better place
Quote · 28 Aug 2013
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.