The image won't go over the whole screen :S

[Meti]

Hey,
I'm currently coding a layout, and want to make the nav go over the whole screen.

I've tried:

#CSSname {
background-image: url(folder/image.png);
width: 100%;
height: 20px;
}

and

#CSSname {
background-image: url(folder/image.png);
height: 20px;
margin-left: 0px;
margin-right: 0px;
}

none of them works


Anything else that will work?


Thanks.

[Johno]

You need to style the "body" of the document.

body {
margin-left: 0;
margin-right: 0;
}

Should work, I had the same problem recently

[L?KE]

In order for something to be 100% width, the parent element must be 100%.

In this case, that is the body.

[Meti]

But If I don't want everything to be over the whole screen?

[Johno]

Well with my code it wouldn't be? The parent element (body) is the full screen, you would define the width of your container etc separately and the elements within that?

With the code I provided, your navigation should touch both sides of the screen

[Meti]

Thanks!

+rep

@ Luke,
I can't give you rep. Need to spread.

[L?KE]

Lol fair enough