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>
|