Im trying to do something which I hoped would be alot easier than it seems.
Im trying to design the layout of the page in CSS to avoid table, etc but
having problems making the bottom "fade" background actually stick to the
bottom of the page.
Try making your browser window small... then scroll down & see how ugly it
looks.
....now try resizing your browser & notice the wierd behavior.
It also reacts differently in IE & FF (Which is the only 2 I normally test
on)
Does anyone know of a way to make the "fade out" background stick to the
bottom of the 'page' instead of resizing to the bottom of the browser
viewing area?
Here is a link to a webpage:
www.genzzry.com/index.php
Here is a link to the CSS:
www.genzzry.com/css/default.css
Another problem with the page is:
FireFox stops "crunching" the page when the top (white) and bottom (red)
images touch eachother (as defined by "body.min-height: 198px;"... IE doesnt
and lets the bottom image overlap the top one... how do I stop IE
"crunching" the page more than a min height?