I have a footer which is set to 100% width, but if i size the window smaller so a horizontal scrollbar appears, using the scrollbar shows whitespace to the right of the footer ... its not spanned 100% of the page, just the viewport.

Size the browser so horizontal scrollbar appears, and then scroll and you will see the footer background just stops.

Any ideas? Or is this site the wrong place for web site design/development .. I did have to read the site description but it still wasnt clear, nor was the meta-discussion? Apologies if its in the wrong place.

2 Answers
2

it's because the body tag has always 100% width of the window as default. In your case it means, that your #container tag has also 100% width of the body tag (the window), and so does also your #footer. The DIV #body is broader than the body, which will not grow automatically if an element is broader than itself. You can test it with Firebug.