Preston Meadow's Height Enhancement Blog

CSS: background-image in IE, Firefox, Netscape and Opera Hide options?

Hello, I designed a page using CSS and layers (no tables) that appears OK in IE and Netscape, but not in Firefox or Opera. To see what the problem please visit http://www.zadpro.com/index.php If you open the page with Internet Explorer or Netscape, you will see a gradient of Gray at the top and a blue gradient at the foot of the page. But if you open it with Firefox and Opera can only see the gray gradient above and not the blue background. I used the following style for blue gradient: html, body (background-attachment: scroll; background-color: # FFFFFF; background-image: url (blue.gif); background-repeat: repeat-x; background-position: bottom; margin: 0px;) If I add height: 100%; with the previous style, the blue gradient will appear, but if change the size of the gradient of height of the window moves up and creates a space underneath it. Here is how it looks when I add this code: http://www.zadpro.com/test.php Thank you.

I tried to play with the CSS, but could not find a solution. I would recommend you ask on the forums of Opera (http://my.opera.com/community/forums/forum.dml?id=27). The Opera community is very friendly and helpful. I would rather copy and paste your entire question. Sorry I could not help. The solution will probably set for Opera Firefox because it is both comply with the rules quite well.

Google I/O 2009 – ..Complex, high-performance apps w/ GWT