chrome

CSS not loading, Firebug states ‘Aborted’

Had some CSS that worked in Chrome, but not Firefox or Opera. Firebug reported this:

Aborted CSS

 

 

 

 
Turns out, that my media atributes were incorrect,

media="screen print"

will not work in FF and Opera, but

media="screen, print"

does work

However, if this does not fix your problem, or you are not using media selectors, then it will probably be due to an extension to your Firefox browser. I have heard the Foxyproxy and FireQuery cause this sometimes. Best bet is to remove any extensions you’re not using. If you’re still getting it, then it’ll be down to you to decide if you want to use the extension or get rid of the errors.

Chrome Conditional CSS

Before you say it, I know there are better ways of streamlining your CSS based on the browser, but this is good to ‘know’

@media screen and (-webkit-min-device-pixel-ratio:0) {
.element_class {
font-weight: bold;
}
}

Its just good to know that the above CSS will only be applied to the Chrome or Safari (3) browser (at the time of writing)