CODEWITHSUNDEEP
htmlcssfirefoxbackground-image
Sherif Buzz
Sherif Buzz

Reputation: 1226

Background images not showing in Firefox

I have a firefox-specific issue with this page :

http://www.buzzx.com/feedback.php

It renders fine in IE, Safari, Chrome and every other browser invented by man, but in Firefox the background images do not show (The 'Feedback' link on the left and a white box around the content).

Any help appreciated, I'm completely stumped here.

update : the images show if i put in the full path in the css - http://www.buzzx/..../images/... as opposed to having a relative path. but i really want to avoid doing this.

Upvotes: 1

Views: 3758

Answers (5)

Michael
Michael

Reputation: 21

Had a similar problem today, I can't see your css, but, this is what I found out, I had to move the html portion to the bottom of the css, at least below the other background elements I had, so that it would show. I hope this helps.

Upvotes: 2

bbbwex
bbbwex

Reputation: 732

Just getting into Webdesign HTML & CSS, I had the same problem.

I used Webdwarf webdesigner to build the basic layout for the website. At first it didn't show in Firefox, but then I also put up an over-sized transparent picture made in GIMP. Just a big square with 100% transparancy. I checked it by clearing the cache in advanced options in Firefox and reloading the page. Changed the background picture a few times, hit reload button and it changed straightaway.

Other problem is often the path string. Webdwarf made the CSS coding for the background for me and used the path string from the current location. background-image:url (./images/background.jpg). It seems firefox wont accept a full length string for the background image

Upvotes: 1

Sherif Buzz
Sherif Buzz

Reputation: 1226

Resolved by adding full path to the css, not a real fix but will do for now till a proper fix is found.

Upvotes: 0

Fra Sprea
Fra Sprea

Reputation: 306

Very weird!

But I noticed one thing: the images don't load when there's a javascript error (I see it with Firebug) related to Google Ads. The message says:

Permission denied to http://googleads.g.doubleclick.net to call the Location.toString method on http://www.buzzarab.com.

Line 0

Try and test the page without Google ads.

Upvotes: 0

damusnet
damusnet

Reputation: 4398

You might want to check against a validator, just to make sure.

Line 48, Column 48: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag 
    <h1><div class="page_heading"><div class="fleft">Contact Us</div><div

Upvotes: 0

Related Questions