CSS Not Loading in Firefox, Opera and Ie - Chrome and Safari Works Just Fine

CSS not loading in Firefox, Opera and IE - Chrome and Safari works just fine

Hey Change to your css type

you define type="text/javascript" it's wrong

just define type="text/css"

---

Now change This

 <link rel="stylesheet" type="text/javascript" href="estilos/estilos.css">

into

<link rel="stylesheet" type="text/css" href="estilos/estilos.css">

Css not loading in IE,Firefox,Opera and working fine with Chrome and Safari

Your CSS file is loading fine but looks there are some error in your CSS code like unclosed strings,

[12:07:25.080] Found unclosed string '"}.hasTip{cursor:pointer}.add{cursor:pointer}.comment_status{cursor:pointer}..fb_iframe_widget{display:block}.comment_trash{cursor:pointer}.asset_icon{clear:both}.asset_icon'. Expected declaration but found '"}.hasTip{cursor:pointer}.add{cursor:pointer}.comment_status{cursor:pointer}..fb_iframe_widget{display:block}.comment_trash{cursor:pointer}.asset_icon{clear:both}.asset_icon'. Skipped to next declaration. @ http://www.mazishi.com/cache/helix_assets/cf9b9e5033a9adee8f2ffb8a7841259a.css:440

You can check your CSS errors using w3validator, http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.mazishi.com%2Fcache%2Fhelix_assets%2Fcf9b9e5033a9adee8f2ffb8a7841259a.css&profile=css3&usermedium=all&warning=1&vextwarning=&lang=en

Fix the errors and it will fix your problems.

CSS file works in Safari but not in Google Chrome or Firefox

First clear cache of browser and disable some html/css validation extension.It will be sure that it will work. and just follow the css attachment syntax below.<link rel="stylesheet" type="text/css" href="stylesheet.css">

stylesheet wont load in Firefox , IE and Opera

The problem was because of font!
I had declared a rtl true type font in style.css like this:

@font-face {
    font-family: 'NewSampleFont’;
    src:url('fonts/NewSampleFont.eot?#’) format(‘eot’),    
          url('fonts/NewSampleFont.woff') format('woff'),
          url(‘fonts/NewSampleFont.ttf’) format(‘truetype’); 
}

But i forget to add the same code to the first begining of my reset.css file.

IE/Firefox/Opera not picking up stylesheet - Webkit okay

What's happening is that your CSS file is, in fact, being loaded by every browser, but is only being partially processed by some browsers. This might be because of an improperly formatted stylesheet.

I've determined that these browsers reach line 115, but don't quite make it to 161. I'd try removing selectors in between there until you determine which one is causing problems.

And this is what I did to figure this out:

I opened up your site in Firefox and went to 'Inspect Element.' It was clear to me that the most obvious thing that was getting messed up was your #wrapper div. This thing was styled at around line 160 in your stylesheet, which gave me a line number that it wasn't getting to. I looked around on different elements to find the lowest number it was getting to, and the lowest I found was 115. And that's what I used to infer this solution.

Safari and Firefox not displaying site correctly, but Chrome is working well

1) You have many HTML markup errors, such as these missing closing image tag errors:

<img src="http://example.com/..../event_feature-tick.png"<p>100% Free</p>

See the missing >in front of the <p> tag? It has to be:

<img src="http://example.com/..../event_feature-tick.png"><p>100% Free</p>

Fix all those image tag errors, and then use the W3 Code Validator to check for more. You can ignore for now errors such as "An img element must have an alt attribute...", but fix an missing closing </div> tag errors. Fix the above image tag errors first, and many of the other errors and warnings will fix themselves.

See Showing results for exeterentrepreneurs.com dev - W3C Html Checker and use it again after you fix some errors.

2) You may also have Javascript errors. Use the developer tools in Firefox (or Firebug) or Chrome or Safari or IE to check for Javascript and other console errors. The use of those dev tools are essential for web development work.

Image loading fails for Firefox but runs fine for Chrome, Edge and IE

First you should clear cookies and cache, or reset Mozilla settings to default. If it is still not working, reinstall Mozilla Firefox.

Style.css not loading in Mozilla Firefox

try to change

<link href="style.css" rel="stylesheet" type="style/css">

to

<link rel="stylesheet" type="text/css" href="style.css">

This should fix the problem.

---

Related Topics