Unread 08-04-2007, 01:14 PM
paulj paulj is offline
Senior Member
Join Date: Jul 2007
Posts: 521
  #1  
Default 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...
Reply With Quote
Unread 08-05-2007, 12:59 AM
doctordew doctordew is offline
Senior Member
Join Date: Aug 2007
Posts: 121
  #2  
Default

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>
__________________
Make Money Blog
Reply With Quote
Unread 03-31-2008, 09:49 PM
hushwuff hushwuff is offline
Junior Member
Join Date: Mar 2008
Posts: 1
  #3  
Default

try this in your css:

body {margin:0;padding:0;}
Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT. The time now is 05:23 PM.


Powered by vBulletin® Version 3.0.1
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.