Background CSS images not loading in firefox when using a CDN

Hello,
I am having trouble getting CSS background images to load in Fire fox when using a CDN.
Here is a description of the problem:
- Everything works fine in Chrome
- Any images loaded through CSS do not load in Firefox (they load in chrome) when i have the CDN enabled.
- Other images / custom fonts appear to load fine with the CDN enabled
My setup:
- wordpress 3.8
- CDN - Rackspace Cloudfiles synced with w3 total cache plugin (using the 'origin push' configuration)
- using Cloudflare (mozilla appears to load the site fine while cloudflare is active)
More about the problem--
I suspect that the problem has something to do with the htaccess file redirecting some urls or something-- but im not quite sure what to do about this.
Has anyone encountered this problem before who can offer some insight?
thanks

Hi pvijeh, is that the explanation for a security error? I'm having trouble understanding the context.

Similar Messages

HELP! Images not loading and Firefox taskbar icon is a white file.

I went through all the suggestions in the image not loading help page and same with the add ins and nothing helping. The images load fine on Google Chrome so I know it's not the site. It might just be Adobe Flash images, but that's as far as I know how to pinpoint.
As far as the task bar goes, it's just a while file icon instead of the Firefox one. It doesn't bother me, but I just thought it might be related.
I'd appreciate any help! Anybody! Thanks,
Stef

What do you see if you right-click the area where such a missing image should be?
Is that a context menu for images with "View Image Info"?
Are there any icons on the location bar that plugins are used or mixed content is blocked?
If images are missing then check that you do not block images from some domains.
*Press the F10 key or tap the Alt key to bring up the hidden Menu bar.
Check the permissions for the domain in the currently selected tab in "Tools > Page Info > Permissions"
Check "Tools > Page Info > Media" for blocked images
*Select the first image link and use the cursor Down key to scroll through the list.
*If an image in the list is grayed and "<i>Block Images from...</i>" has a checkmark then remove this checkmark to unblock images from this domain.
Make sure that you do not block (third-party) images, the <b>permissions.default.image</b> pref on the <b>about:config</b> page should be 1.
Make sure that you haven't enabled a High Contrast theme in the Windows/Mac Accessibility settings.
Make sure that you allow pages to choose their own colors.
*Tools > Options > Content : Fonts & Colors > Colors : [X] "Allow pages to choose their own colors, instead of my selections above"
Note that these settings affect background images.
See also:
*http://kb.mozillazine.org/Website_colors_are_wrong
There are extensions like Adblock Plus (Firefox/Tools > Add-ons > Extensions) and security software (firewall, anti-virus) that can block images and other content.
See also:
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
*http://kb.mozillazine.org/Images_or_animations_do_not_load
*http://kb.mozillazine.org/Websites_look_wrong

CSS images not loading

ALl when I had my images in the same package as the class. And the following css statements
-fx-background-image: url("image.png");
But now I want to package my images and css into a directory structure.
So when running inside eclipse I have the css and images in bin
so
bin/name.css
bin/images/image.png
So I change the url to
-fx-background-image: url("images/image.png");
It does not load.

Checked it in my own project (eclipse too), its working for me!
Is your CSS actually loading?
Maybe you can provide the code, where you are loading the CSS?
In your case it should look somethink like that:
scene.getStylesheets().add("name.css");But I wont suggest to add the images and css directly into the bin folder, because the next "Project clean" will delete your files!
I would suggest to add another source folder to your Build Path. I have my java source files in "src/main/java" and the resources (images, css, fxml ...) in "src/main/resources"!
than you can load your css by the following code:
scene.getStylesheets().add(this.getClass().getResource("/name.css").toExternalForm());Edited by: BurnedToast on 01.02.2012 10:52

Any idea why the scrabble board will not load in firefox, when it does (on the same machine) in explorer?

I downloaded Firefox this morning to solve some explorer problems, and made Firefox my default browser. I play Lexulous (scrabble) through gmail, but firefox will not load the actual game board. Any ideas?

Apple Portables: Troubleshooting the slot load optical disc drive

Images not Loading in Firefox

I've got some trouble with loading images since flex 3 (and still with flex4).
In my app I've got several Image tags meant to display jpeg files as follows:
<mx:Image x="594" y="40" width="400" height="250" id="img_preview" horizontalAlign="center" autoLoad="false" />
These images are supposed to load an url on runtime which I get from a dataset by means of an rpc:
img_preview.load( thumbURL );
Now the problem is that this works just fine on locally - but when I put the release build (or the debug-build) onto the web,
I just get the missing image icon. This problem so far seems only to occur in firefox, since for example safari or ie working with
the exact same file just as intendet.
Ignoring the fact everything works everywhere else I checked the image urls, response headers for the images when loaded
directly and so on - but found no errors.
The images urls are absolute from the same domain as the flash movie and an appropriate crossdomain file exists for other
reasons as well.
Searching a little further by means of wireshark and firebug I found the flashplayer not opening any connections to the
server, allthough I'm not quite sure if it's my inability to find the connection or the flashplayer who just want's to bug me to death.
Any help would be greatly appreciated since I already lost SO MUCH TIME on this..

Hi pvijeh, is that the explanation for a security error? I'm having trouble understanding the context.

FireFox images not loading in local folders (firebug error-Failed to load given URL)

I am having difficulty when developing websites in local folders (Windows7 computer). The webpages I make are showing images in IE9 & Chrome but not FireFox (nor Safari nor Opera).
In FireFox I get Firebug "Failed to load given URL" prompt.
I am using html5 & external linked css stylesheet & the html/html5 & css code validates.
I have tried using rel path ie images/image.gif & absolute path references ie C:/RPD_Programming/RPD WEB/amwcsnew/index.html
and have tried using % to eliminate whitespace in references but I cannot get FireFox to display images!!
This has been a problem for me for around 2 weeks now & is very frustrating. Some website code/templates I have downloaded from the internet display the websites properly (ie load images fine) when I open them locally in FireFox. Why does my code not allow the images to load in FireFox (paths/permissions/other issue??). How can I fix this?
Here is example css & html5 not displaying images from local directory in FireFox (fine in IE9 & Chrome):
style.css
/* CSS Document */
/*Basic Reset*/
margin:0;
padding:0;
html{
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
body{
width:1200px;
margin:0 auto;
header{
height:450px;
background:url("C:/RPD_Programming/RPD WEB/amwcsnew/images/header.gif");
background-repeat:no-repeat;
#mid{height:750px;
background:url('C:/RPD_Programming/RPD_WEB/amwcsnew/images/mid.gif')no-repeat;
footer{height:286px;
background:url('C:/RPD_Programming/RPD WEB/amwcsnew/images/footer.gif')no-repeat;
index.html
<!doctype html>



<html lang="en" class="no-js">
<head>

<meta charset="utf-8">
<title>amwcs-new</title>
<meta name="description" content="amwcs">
<meta name="author" content="rpd">


<link rel="shortcut icon" href="/favicon.ico">

<link rel="apple-touch-icon" href="/apple-touch-icon.png">



<link rel="stylesheet" href="css/style.css?v=2">


<script src="js/modernizr-1.6.min.js"></script>


</head>


<body>




<header>

<hgroup>
<h1>amwcs</h1>
<h2>tagline</h2>
</hgroup>

<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>

<div id="mid">

<section class="hs1">


<p>Some content...</p>

<h2>Demonstrating EM and STRONG</h2>

<p><strong>This text will have more importance (SEO-wise and contextually)</strong></p>

<p><b>This text has visual importance but has no contextual or SEO importance</b></p>

<p>This is a <em>very</em> colloquial expression.</p>


</section>

<section class="hs2">
<h1>This is another section</h1>
<p>This is some dummy content</p>
</section>
</div>



<footer >
<p>copyright © year</p>
</footer>


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script>!window.jQuery && document.write(unescape('%3Cscript src="js/jquery-1.4.4.min.js"%3E%3C/script%3E'))</script>


<script src="js/general.js"></script>


<script>
var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']];
(function(d, t) {
var g = d.createElement(t),
s = d.getElementsByTagName(t)[0];
g.async = true;
g.src = ('https:' == location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
s.parentNode.insertBefore(g, s);
})(document, 'script');
</script>
</body>
</html>
I am most grateful for help & look forward to replies & fixing this-thanks
NB
Is there a FireFox guide/manual in pdf format available anywhere? I have not found one yet & a FireFox reference might be useful!

You need to use file:// as the protocol instead of C:/. The latter may never work (C:\ might).
Where is the main HTML located ?
Easiest if to store the images in a sub folder of the location because you can't go back via ../ beyond that root location for security reasons.
See:
*http://kb.mozillazine.org/Links_to_local_pages_do_not_work

Images not loading when I visit a website. I I get is a blank box with a question mark in it. How do I fix this?

Images not loading on my browser in Safari or Google Chrome or Firefox when I visit a website. How do I fix this?

Can you run EtreCheck and post the report here please?
EtreCheck: https://discussions.apple.com/docs/DOC-6173

PDFs do not load in Firefox, they do when I'm in Safari. If I'm on a website and I click on a pdf link, nothing happens. It has happened from multiple sites.

PDF files do not load in Firefox. I click on a link for a PDF and nothing comes up. It happens at every website. I've been using Safari because PDFs open up there just fine. I have all the updated plug-ins, etc. and checked to make sure everything on Firefox was updated. I'm on a MacBook Pro, 10.7.3. I've never had this problem before.

I am having the same issue - also on a macbook pro, also turning to Safari. I just get a blank page - no download initiates, nothing happens.

A URL will not load in Firefox (it does nothing) but will load in Safari; some other URLs also have a similar problem.

In Safari with the above website, I cannot "View Source". Also, I have the same problem viewing images of patents at the USPTO, again probably a similar problem. Perhaps the web address isn't HTML but is an image format not supported by Firefox. Perhaps there is a plug-in or add-on that will be able to read the image, but should probably be included in the main Firefox release since it seems to be fairly common.

A twitter widget on my website will not load in firefox but will load in every other browser I've tried. I have tried several versions of firefox. Here is the code I am trying to run:
<code>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 5,
interval: 6000,
width: 'auto',
height: 265,
theme: {
shell: {
background: '#333333',
color: '#ffffff'
tweets: {
background: '#000000',
color: '#ffffff',
links: '#4aed05'
features: {
scrollbar: false,
loop: false,
live: true,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'all'
}).render().setUser('ShawnC4Real').start();
</code>
And the first thing I checked was that scripts were enabled.

Videos will not load in Firefox only. Have reinstalled, restored, etc.

Videos (from YouTube, Facebook, websites, etc.) will not load in Firefox. I've tried reinstalling Firefox, restoring all settings to default, disabling all addons, extensions, etc. When I try to load a video, a dark rectangle appears where the video should and my cursor just shakes. In Chrome, Internet Explorer, etc. the videos load and play with no problems, no hesitation, so it must be some setting or some bad file with Firefox, but I feel like I've tried everything.
I'm using Windows 7 on an HP laptop. I've checked my Firefox settings against those on my desktop PC and can find no variances. This problem is driving me mad, so please help.....
Thanks.

Hello,
Try disabling graphics hardware acceleration. Since this feature was added to Firefox, it has gradually improved, but there still are a few glitches.
You might need to restart Firefox in order for this to take effect, so save all work first (e.g., mail you are composing, online documents you're editing, etc.).
Then perform these steps:
*Click the orange Firefox button at the top left, then select the "Options" button, or, if there is no Firefox button at the top, go to Tools > Options.
*In the Firefox options window click the ''Advanced'' tab, then select "General".
*In the settings list, you should find the ''Use hardware acceleration when available'' checkbox. Uncheck this checkbox.
*Now, restart Firefox and see if the problems persist.
Additionally, please check for updates for your graphics driver by following the steps mentioned in the following Knowledge base articles:
* [[Troubleshoot extensions, themes and hardware acceleration issues to solve common Firefox problems]]
* [[Upgrade your graphics drivers to use hardware acceleration and WebGL]]
You can also disable hardware acceleration in Flash: <br> <br>
Some problems with Flash video playback can be resolved by disabling hardware acceleration in your Flash Player settings. (See [[Flash Plugin - Keep it up to date and troubleshoot problems|this article]] for more information on using the Flash plugin in Firefox).
To disable hardware acceleration in Flash Player:
#Go to this [http://helpx.adobe.com/flash-player/kb/video-playback-issues.html#main_Solve_video_playback_issues Adobe Flash Player Help page].
#Right-click on the Flash Player logo on that page.
#Click on '''Settings''' in the context menu. The Adobe Flash Player Settings screen will open.
# Click on the icon at the bottom-left of the Adobe Flash Player Settings window to open the Display panel. <br/> <br/>[[Image:fpSettings1.PNG]] <br/>
# Remove the check mark from '''Enable hardware acceleration'''.
# Click '''Close''' to close the Adobe Flash Player Settings Window.
# Restart Firefox.
This [http://www.macromedia.com/support/documentation/en/flashplayer/help/help01.html Flash Player Help - Display Settings page] has more information on Flash Player hardware acceleration, if you're interested.<br> <br>
Did this fix your problems? Please report back to us!
Thank you.

Since loading the latest version of firefox i can no longer print. instead a message comes up "can not load library 'DLBAPRP.DLL' using defaults, error 126. what happened?

error 126 can not load library "DLBAPRP.DLL" using defaults. this message appears when we try to print from our web bookmarks or any acrobat or pdf files

That error seems to be new with Firefox 4 - never heard of it with earlier versions of Firefox, but it goes back many years in various Windows programs.
See this [http://www.google.com/search?client=ubuntu&channel=fs&q=DLBAPRP.Dll&ie=utf-8&oe=utf-8 search].

Angry Birds Friends on Facebook will not load in Firefox, just white screen. Will load using Chrome, etc?

Angry Birds Friends on Facebook will not load in Firefox, just white screen. Will load using Chrome, etc? Checked for malware, cleared cache, re-installed Firefox, disabled add ons, enabled java, updated flash and shockwave, etc.

Hello,
Try disabling graphics hardware acceleration. Since this feature was added to Firefox, it has gradually improved, but there still are a few glitches.
You might need to restart Firefox in order for this to take effect, so save all work first (e.g., mail you are composing, online documents you're editing, etc.).
Then perform these steps:
*Click the orange Firefox button at the top left, then select the "Options" button, or, if there is no Firefox button at the top, go to Tools > Options.
*In the Firefox options window click the ''Advanced'' tab, then select "General".
*In the settings list, you should find the ''Use hardware acceleration when available'' checkbox. Uncheck this checkbox.
*Now, restart Firefox and see if the problems persist.
Additionally, please check for updates for your graphics driver by following the steps mentioned in the following Knowledge base articles:
[[Troubleshoot extensions, themes and hardware acceleration issues to solve common Firefox problems]]
[[Upgrade your graphics drivers to use hardware acceleration and WebGL]]
Did this fix your problems? Please report back to us!
Thank you.

You tube will not load in firefox 8 windows 7 ...Works fine on IE! flash is current

YOU TUBE will not load in Firefox 8 Windows 7 ...Works fine on IE! Flash is up to date. New laptop

See:
* http://kb.mozillazine.org/Images_or_animations_do_not_load
* You can see the permissions for the domain in the current tab in Tools > Page Info > Permissions
* You can see all exceptions in Tools > Options > Content: Load Images > Exceptions

TOC, Index, Search content not loading in FireFox 3.0 +

Hi,
I have created from RH 8 a merged Webhelp system (1 master, 2 children - based on Peter Grainge's posted procedure). It works fine from IE, and on my system, from FireFox 3.0 and up.
The problem is, that when deployed at the customer's site, the TOC, Index, and Search content does not load in FireFox. All frames display (Nav, contents, and the top frame), but the content for the TOC, Index, and Search does not load.
This only happens at the customer site. The webhelp system works okay in IE.
I have checked and we are running the same javascript version, have the same security settings in FireFox set.
I looked on Peter's site and implemented the redirect fix for FireFox that he has posted, but that hasn't seemed to fix the problem.
They aren't running any special toolbars (like Google toolbar). I am checking on add ons.
Does anyone have any ideas on what else I might check or better yet what might be causing the problem?
Thank you,
Tannis

Willam
A merge will not work properly unless all the projects have been generated once. After that it should not matter that a project is missing, indeed simply not publishing one of the projects to the server is one of the features of merging making it easy to supply different customers with different content.
I wonder if the problem you saw was because that project had not been generated.
Tannis
Sorry, the reference to AIR help was because you mentioned Snippet 141 which is AIR specific. I didn't look further back in the thread.
You said that the start page of a child project opens the tripane window with the default topic but you do not get the TOC etc. That rules out the merge being the problem. I am inclined to the view that the server is the issue so get your client to load the published output from my merge demo as that is a known quantity. Ask them to open each child project in turn and then finally the merge.
See www.grainge.org for RoboHelp and Authoring tips
@petergrainge

Facebook activity feeds do not load in Firefox 9.0.1 Mac

The facebook social plugin activity feed found on this page:
https://developers.facebook.com/docs/reference/plugins/activity/
does not load in Firefox. I see the feed when I open web pages in Safari, but I get a blank space in Firefox.
Below is one example of a website (in the bottom of the blue right bar) where there is a blank/white space instead of a feed. This is happening on multiple sites... in fact I cannot find an example of where the FB activity feed is working properly in Firefox.

I have a Flash slide show on the home page of my website that has stopped working in FireFox 8.01. The Flash movie plays fine in other browsers and on PCs running FireFox, but not on either my MacBook or iMac running FireFox 8.01.
Works fine on my Brother's Mac running Firefox. But not on my 2 machines. VERY strange. I have reinstalled everything I can think of.
The web address is http://www.cruisereport.com

Background CSS images not loading in firefox when using a CDN

Similar Messages

Maybe you are looking for