3 column layout - whitespace and repeat problem
 

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

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>

try this in your css:

body {margin:0;padding:0;}