tags:

views:

77

answers:

3

http://jsbin.com/uqafo4

Please check the white area: it should go all the way, as I used width: 100%, but it doesn't.

#container {
    background-color:#FFF;
    background-position:center bottom;
    background-repeat:no-repeat;
    height: 440px;
    width: 100%;
}
+4  A: 

By default the body tag in some browsers have a margin set on them in the User Agent (default) stylesheet. Simple use

body { margin: 0; }

to remove this margin. You should also consider using a reset stylesheet, such as this one by Eric Meyer.

Yi Jiang
+2  A: 

The problem is that the <body> element has some default area around there, add this to the body rule to be safe:

margin: 0;

You cant test the updated version here, no space :)

Nick Craver
A: 

Following Yi Jiang's advice should solve your problem.

If you don't have a background-image, you can remove

background-position:center bottom;
background-repeat:no-repeat;

I would also suggest adding some padding, for example:

padding:10px;

but perhaps you're thinking about doing that already, only you haven't added the code yet. Or perhaps you don't want to use padding for some reason or another.

matsolof