100% margin. Still a margin

[Dobby]

Okay so i am making a website and i have two divs both of which have a margin of 100%. i managed to get the first div to work but the second one isnt having any of it.

#header1 {
background-color:#000;
width:100%;
height: 50px;
position: absolute;
top: 0;
left: 0;
color:#FFF;
font-size:13px;
}
#navigation {
background-color:#000;
width: 100%;
height: 100px;
margin-top: 42px;
display: inline-block;
background-image: -webkit-linear-gradient(top,#333333,#222222);
background-image: -o-linear-gradient(top,#333333,#222222);

}

Any ideas?

 

[Weasel]

What do you mean with a margin of 100%?

 

[Sysode]

1) read back what you've written and try and make it make some sorta sense
2) Do you width instead of margin?
3) What are you trying to achieve, you attempt to say a problem but we don't know what it's about..

Do this and then we could help ;p

 

[Dobby]

Okay ill try explain it a little better. I am working on a website that has two <div> that have a width of 100% (so it goes all the way across) i have managed to get the first part header1 to work but navigation still has what looks like a margin. Is that explained any better?

 

[Weasel]

html, body {
margin: 0;
padding: 0;
}

 

[Markshall]

Okay ill try explain it a little better. I am working on a website that has two <div> that have a width of 100% (so it goes all the way across) i have managed to get the first part header1 to work but navigation still has what looks like a margin. Is that explained any better?

Technically the way you've explained it means that there is padding on it just because of how you've worded it.

But yeah, JackSparrows solution will work fine. Alternatively, look into a

You must be registered for see links

, browsers give elements certain paddings/margins/borders etc and they vary for each browser, so check that out.

 

[Dobby]

GOT IT!
Thansk to JackSparrow. I already had that bit but it was

margin: 0: instead or margin: 0;

Darn typos