...

View Full Version : Firefox not showing background images in divs.



Gooberdued
01-06-2008, 04:09 PM
Here is the temporary link to the website (I haven't been working on it for a while so no links work): Linky (http://pksprites.googlepages.com/index1.html)

Here is the link to the css if you need it: More Linky (http://pksprites.googlepages.com/main1.css)

So if you look at this in Firefox, none of the background images show up. Although, they do show up in IE. I have googled my problem and it seems that a lot of people have had the same problem, but have had completely different solutions (the solutions to there problem does not work for me.) I'm using HTML-Kit to write the code, and the preview it gives looks fine.

I'm just one push away from getting completely frustrated.

effpeetee
01-06-2008, 04:41 PM
div.wrapper.header{
background-image: url('ead.png');
height: 175px;
display: block;}

I don't know why it works, but on my system if you remove the letter h from head.png, it works.

Frank

Gooberdued
01-06-2008, 05:16 PM
No, it still doesn't work.

effpeetee
01-06-2008, 06:08 PM
This is what I get on my PC. Which is correct, if any.

Frank

Excavator
01-06-2008, 06:46 PM
Hello Gooberdued,
In your CSS you have div.wrapper.header

.wrapper and .header are two different classes and there should be a space in between.
Like this:


div.wrapper .header{
background: url('http://pksprites.googlepages.com/head.png');
height: 175px;
display: block;
}

effpeetee
01-06-2008, 08:06 PM
Putting a space here makes a big difference.

Frank
|

div.wrapper | .main-back{
background-color:transparent;
background-attachment: scroll;
background-image: url('http://pksprites.googlepages.com/main_back.png');
background-repeat: repeat-y;}
div.wrapper.footer{
background: url('bottom.png');
height: 95px;}



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum