4 replies [Last post]
Dasher
Offline
newbie
Last seen: 16 years 3 weeks ago
Joined: 2005-09-21
Posts: 3
Points: 0

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

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 44 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

3 columns - variable length problem

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Dasher
Offline
newbie
Last seen: 16 years 3 weeks ago
Joined: 2005-09-21
Posts: 3
Points: 0

3 columns - variable length problem

Hmm... I've read it but I don't get it Smile 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.

n8gz4ez
n8gz4ez's picture
Offline
Leader
Last seen: 13 years 29 weeks ago
Timezone: GMT-6
Joined: 2005-06-13
Posts: 802
Points: 0

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>

This is my big chance . . . yep, I blew it . . .

Dasher
Offline
newbie
Last seen: 16 years 3 weeks ago
Joined: 2005-09-21
Posts: 3
Points: 0

3 columns - variable length problem

I can see this is going to take some work to get to work nicely