[Final]

heya
Im trying to get the landscape background image to sit at the bottom of the page, at the moment it only seems to want to align to the bottom of the last div instead of riht at the bottom of the screen.
Any help much appreciated

Visit My Website

[bocaj]

woah that sent my firebug a little crazy.

The body tag ends as soon as your last div does, try adding the bg to to the html tag?

[Final]

heya
It appears to align to the bottom of the page fine in IE now, but still the same prob in FF. Im wondering if just placing it inside a fixed div with z-index would work?

[n0xx]

err

Quote

html {
background-color:#e6dfa3;
background-image:url(../img/body_bg.png);
background-position: bottom left;
background-repeat:repeat-x;
margin:0px;
}

change to :
body {
background-color:#e6dfa3;
background-image:url(../img/body_bg.png);
background-position: bottom left;
background-repeat:repeat-x;
margin-bottom:0px;
}

[bocaj]

That's what he started with, the body tag wraps the content unless height or width properties are specified. So the body tag ends where the last div does.

You could use the min-height property to make sure that the height is atleast the viewport, however it doesn't work in IE6

Quote

Im wondering if just placing it inside a fixed div with z-index would work?

will mean that it moves as the page scrolls, also maybe look at http://ryanfait.com/resources/footer-stick...bottom-of-page/

[Final]

thanks for your help guys

[Final]

I used the min-height on the body, it seems to be a good work around thanks !