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?
The ideal would be for the grass to always be at the bottom of the window
that the user can see, even if there is still more content that requeires
the user to scroll down.
So far I have:
body{
background-color: #CCE7FA;
background-image: url(images/grass.jpg);
background-repeat: repeat-x;
background-position: bottom;
}
which only gives me the basics. Plus, if the content doesn't fill up the
browser window, the solid blue background continues underneath the grass!
The catch is that it very definitely needs to work in IEx...
Thanks in advance!
Ines
______________________________________________________________________
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/
