On Thu, 21 Feb 2008 14:33:10 +0000, Inês Teles wrote: > Hi all > > This is my first post though I've been reading the emails for a few weeks now > - I've > picked up a lot of tips! > > I'm still learning CSS and I wanted to create an effect but I'm not sure how > to go > about this: > I want to have a picture of grass across the bottom of the website (which is > always at > the bottom of the browser window, no matter what the user does) - it then > fades up into > the sky, so that the whole website is on a solid blue background excepting > the grass at > the bottom. > > What I really would like to ask is how do I code the css so that the piece of > grass is > always at the bottom of the browser, no matter how big the browser is or how > much > content there is further down? >
I suggest using an (extra?) wrapper DIV around the entire content of BODY and putting your background image on that. This has the added advantage of overcoming an IE 7 bug, which does not expand backgrounds on BODY when page zoom is used. Cordially, David --
______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/