View Full Version : 3 column layout - whitespace and repeat problem
paulj
08-04-2007, 01:14 PM
hi there, i'm pretty inexperienced with CSS, so apologies for the shoddy coding. i'm trying to set a 3 column layout using different background images for each column. however, i have whitespace at the top and sides of the page, which i really want to get rid of. i've used nested divs to create the...
doctordew
08-05-2007, 12:59 AM
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>
hushwuff
03-31-2008, 09:49 PM
try this in your css:
body {margin:0;padding:0;}
vBulletin® v3.0.1, Copyright ©2000-2024, Jelsoft Enterprises Ltd.