"My question is how do i get both columns to be
the same height? I've got a colored background on both columns and
the nav column just abruptly ends since there isn't much content in
It's better if you post uploaded pages after they've been validated, easier for us to help.
There are some layouts on the wiki that address this issue. Main page here:
You can use any three column layout and just leave off the column div you don't want to make it two.
Some can be a bit challenging for a beginner, and this is one of the trickier things to get your
head around when you're starting out.
Another way to understand this is that you can "layer" things. If I'm making two columns I often
will make a simple gif image the width of the column I want, use that background image on the body
and positioned with a y repeat where I want the column to be, then I position my div for the column
over that background. Because the background is on the body it will extend from top to bottom. I
also define an overall background color on the body for the larger of the two columns. You can
extend this trick to multiple columns, multiple wrappers and nesting multiple divs-- which is
something you could NEVER do with tables *grin* This method is sometimes referred to as "faux
columns". Zoe wrote a good article about it, which I'm sure is on the wiki somewhere. Her method
allows both columns to be fluid, whereas the way I just explained it only works for a fixed width
Hope this helps!
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/