You aren’t doing anything wrong. The issue is that in order to center
a page, it must have a certain width, otherwise it would also just
stretch out to fill the available browser area. If it has a width,
then any 100% wide elements contained inside it will also have that
same width. After all, they have to be 100% of something, and so they
zoom up to the size of their nearest parent element. You can work
around this with a fully inline layout, though, by centering part of
the page as an inline element with its margins set to Auto, and then
floating your full-width footer below that with its margins set to 0
and its width set to 100%.
Walter
On Jun 24, 2011, at 4:48 PM, george wrote:
I have a small image that I have used as the background image for a
div that I want on the bottom of my page. I set the div as follow:
100% width
Overflow Visible
Float left
Clear both
Horizontal Tile
Vertical Top
If I have the page alignment as none the image extends fine. When I
set the page alignment to center the image will only fill the page
width.