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;} |
All times are GMT. The time now is 08:40 AM. |
Powered by vBulletin® Version 3.0.1
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.