PDA

View Full Version : Making the DIVs in a 3 column layout to be the same height


paulj
08-08-2007, 11:51 AM
Hi guys!I just thought about this, and I can't find out how I would archive it?I have a 3 column layout with header and footer. I use the first DIV for my menu, middle DIV as my main window (where I write all the text etc) and the last one for nothing. But when I write text that's really long...

doctordew
08-08-2007, 01:49 PM
Here's what I use. You'll just need to add one with the word left switched out with "middle". Then you just play around with the widths to get them to align correctly. I suggest 3 bright background colors for them, and then you can move them around easier. You can get rid of the white space by playing around with this code.

CSS

.leftcolumn {
position: absolute;
width: 100;
top: 0px;
left: 0px;
background-color: #32cd32;
}

.rightcolumn {
position: absolute;
width: 700;
top: 0px;
left: 100px;
background-color: #00ffff;
}

HTML

<DIV class="leftcolumn">

Contents of the left column.
</DIV>

<DIV class="rightcolumn">

Contents of right column.
</DIV>