Topic: background image in css (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=10981" title="Pages that link to Topic: background image in css (Page 1 of 1)" rel="nofollow" >Topic: background image in css <span class="small">(Page 1 of 1)</span>\

 
sharma
Bipolar (III) Inmate

From:
Insane since: Dec 2000

posted posted 06-04-2003 09:00

So i'm part way through designing this page for http://www.csszengarden.com , and i've run into a road block. When i view the page in IE it seems to work fine. However, when i view it in Netscape 6 the top graphic doesn't show up. I know that different browsers render css differently. Is there some type of bug with background images? Any help would be appreciated.


u-neek
Bipolar (III) Inmate

From: Berlin, Germany
Insane since: Jan 2001

posted posted 06-04-2003 11:18

You have to quote everyting.
<DIV id="container"> instead of <DIV id=container>.

As I can see, you saved that page with the IE "Save as.." option. IE forgot all the quotes. Add them and you'll see everything works fine in Moz/Netscape.

sharma
Bipolar (III) Inmate

From:
Insane since: Dec 2000

posted posted 06-04-2003 18:18

Thanks for the reply u-neek. I redownloaded the html file, this time with quotes. I hadn't realized that IE downloaded the files sans quotes. Unfortunately, even with the quotes nothing has changed. I still see no image in netscape 6. Is there anything else it can be? I've tried everything I can think of, and I'm stumped.

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

posted posted 06-04-2003 20:50

This might not be it, but things like

background: transparent url(benefits.gif) no-repeat center;

should be

background: transparent url(benefits.gif) center no-repeat;

The position comes before the repeat type.

HZR
Bipolar (III) Inmate

From: Cold Sweden
Insane since: Jul 2002

posted posted 06-04-2003 21:17
quote:
The position comes before the repeat type.


Shouldn't matter.

Why not let the header have the background img instead (#pageHeader)?
And btw, you have to adjust the margin/padding for the right list.



[This message has been edited by HZR (edited 06-04-2003).]



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu