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



Coupon Codes, Rebates & Free Shipping Codes
PCmover - $15 Off with Coupon Code S6ch2
muvee Reveal takes your photos, video and music
and automatically creates your own highly polished
personal muvee.
Visit the Nuance store today
Download a Free Trial of Acronis True Image 2009
Visit the CA US Store!
10% Off - 1 YR - Trend Micro Internet
Security 2009 - Coupon Code: TrendIS.
Get 10% off any purchase at MacSpeech.com
when you use the coupon code DICTATE10!
Get PowerDirector 7 Ultra from Cyberlink - optimized
for Intel Core i7

Hi,

I designed a page using CSS & layers (No tables) which appears OK in IE & Netscape, but not in FireFox or Opera. To see what is the problem please visit http://www.zadpro.com/index.php

If you open the page with IE or Netscape you will see a Gray gradient in the top & a Blue gradient in the footer of the page. But if you open it using FireFox or Opera you can only see the top gray gradient & not the bottom blue one.

I used the following style for the 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%; to the above style, the blue gradient will appear but if I re-size the window height that gradient will move up & creates a blank space below it. Here is how it looks when I add this code: http://www.zadpro.com/test.php

Thank you.

I tried toying with the css but I could not figure out a fix. I would recommend you ask in the Opera forums (http://my.opera.com/community/forums/for... The Opera community is very helpful and friendly. I would copy and paste pretty much your whole question there. Sorry I could not help. The fix for Opera will probably fix Firefox since they are both adhere to standards pretty well.

CSS & background-image in IE, Firefox, Netscape and Opera Hide options?microsoft exchange internet explorer

Looks fine in my browser "Firefox 2.0"

Ah I had to scroll down to see it.

Why don't you use a div tag and put the background image in that and place it a the bottom of the page using fixed positioning.

The information post by website user , we not guarantee correctness.