I have a layout with a header (banner) and three columns. The center column is the main content. This content is dynamic... it can be loaded with different page lengths or images or whatever. The left column has menu items; a few buttons and links., the right column has some links to pictures and has thumbnails of those.
The problem I have is the outer columns are colored, and should be the same length as the center column. How do you do that? I can make it a fixed length of height:2000px or height:100% which is only one screens worth. So how do you match the center column when its height is not known?
Thanks
3 columns - variable length problem
3 columns - variable length problem
Hmm... I've read it but I don't get it His example code is too little of a tidbit.
Here is what I have now... http://www.rhythmicmom.com . As you can see the columns on the right and left leave much to be desired.
I think what is needed is to tile an image in the DIV for the column. Presumedly it will tile to the bottom of the longest item.. Not sure how that happens.
3 columns - variable length problem
Usually the graphic created for a faux column is tiled to the <div> containing all the contents of your site.
For example:
#container {
background: #ccc url(../images/bg_birch_800.gif) repeat-y 50% 0;
}
<div id="container">
<div id="leftcolumn">
</div>
<div id="rightcolumn">
</div>
<div id="middle">
</div>
</div>
3 columns - variable length problem
I can see this is going to take some work to get to work nicely