Why do images load using http://emptybiker.com but don't load using http://www.emptybiker.com .
I just upgraded to FF 10.0.2 from 3.6. Suddenly, images don't load in http://www.emptybiker.com (except for bg images from the css file, which do load), but they all load fine using no www - http://emptybiker.com. The site works fine (with and without the www) in IE8, Chrome and Safari, as well as FF 3.6. The site is built in Modx CMS and the ht.access file is set to allow friendly urls and work both with and without the www prefix. Do you also see the problem, or is it just local on my computer? Any ideas as to why this image loading problem occurs in FF 10 only?
All Replies (6)
I'm not seeing a problem with missing images.
Thanks edmeister. I cleared my cache but that did not help. I'm glad you do not see this problem- do I correctly assume that you are also using FF 10.0.2? I'd greatly appreciate if others would also check out http://www.emptybiker.com to see if the images load (try with and without the www prefix), then let me know which FF version they are using.
It's a bit less urgent if it is only on my computer, though I would still love to figure it out since everything worked fine until I updated FF.
This is what I used to view those pages.
Mozilla/5.0 (Windows NT 5.1; rv:10.0.2) Gecko/20100101 Firefox/10.0.2
Suggestion - where you have something like - img src="assets/images/EB-studio.png"
try using - img src="/assets/images/EB-studio.png"
You're missing the slash for every image, where most of your relative hyperlinks have the slash -
a href="/defining-times.html" title="defining times" - have that leading slash.
That solved a similar issue I was having a few years ago.
Gewysig op
Well, that seems to have solved one problem but created another. Most of the links- hyper and img- are auto generated by the CMS, so I couldn't change them. I was able to add the leading slash to the logo image and the lower sidebar image. As soon as the slash was added to the logo all of the images popped in.
One odd problem- now my @font-face fonts are not loading when I load the site without www... but they are just fine with the www prefix... ?? Do you see this problem, or is it just me again?
Thanks so much for your help!!
Error: downloadable font: download failed (font-family: "TektonProBold" style:normal weight:normal stretch:normal src index:2): bad URI or cross-site access not allowed source: http://www.emptybiker.com/assets/fonts/tektonpro-bold-webfont.ttf Source File: http://www.emptybiker.com/assets/css/eb-styles.css Line: 0 Source Code: @font-face { font-family: "TektonProBold"; font-style: normal; font-weight: normal; src: url("../fonts/tektonpro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/tektonpro-bold-webfont.woff") format("woff"), url("../fonts/tektonpro-bold-webfont.ttf") format("truetype"), url("../fonts/tektonpro-bold-webfont.svg#TektonProBold") format("svg"); }<pre><nowiki>TEXT</nowiki></pre>
Gewysig op
cor-el- I don't understand... I see that the error message you got says that the url is bad, but if the pathway is wrong then why does it work in FF 3.6, IE8, Safari, and Chrome, both with and without the www ? If http://mysite.com pulls a file from http://www.mysite.com Does FF 10 read that as cross site? Sorry if I'm being dense, but did you just want to show me the error message or is there a solution here that I am missing?
Maybe the easiest thing to do is to set up the ht.access file to force www... ??
Thanks- all help is appreciated!!