Easy CSS Problem.

slipd · 12 Mar 2007 at 20:58

Hey guys,

I think this is going to be an easy one for all you .css gurus here

I want my top and bottom div’s to completely stretch from left to right. I thought this was achieved by setting their width attributes to 100%

I’ve sort of remedied the issue by setting the margins as negative values, e.g. -20px.

Here’s what I’ve got atm.

My .css:

#top {
position: fixed; top: 0;
width: 100%;
height: 20%;
background-color: #000000;
padding: 0px;

}

#bottom {
position: fixed; bottom: 0;
width: 100%;
height: 20%;
background-color: #FF0000;
padding: 0px;

}

I want the colours to span right to the side (Left).

Cheers,

SW.

c00kie · 12 Mar 2007 at 21:08

body {
padding: 0px;
margin: 0px;
}
or somthing like that

slipd · 12 Mar 2007 at 21:21

c00kie said:
body {
padding: 0px;
margin: 0px;
}
or somthing like that

Thanks mate

Thats just the ticket!

SW.

Sic · 12 Mar 2007 at 22:22

general good practice for CSS is to reset browser-based anomalies by default. you can take it as far as you want, but I tend to globally reset margin and padding, as well as resetting font sizes for Hs and removing list images from ul and ols

global margin/padding removal

Code:

* { margin: 0; padding: 0; }

joeyjojo · 12 Mar 2007 at 22:53

As above. Levels the baseline if you see what I mean.