CSS @import METHOD AND BROWSER FIXES
Hello All,
It has been quite a while since i last blogged about anything here but like i always do in regards to going straight to point, i would like to highlight a little problem using @import url(“css file”) to call your CSS file from your html file.
Recently i listed a site for sale but to my surprise, after i upgraded my firefox browser to 3.5.3, the sites pages looked all jagged up . I went back to my css file and checked everything and they were okay. I also checked the browser shots page to compare my site on different browsers, some of the browsers displayed it good and some displayed like the firefox i was using.
Finally i got to the answer, it looks like some browsers or recent browsers have problems recognising the call of the css file using @import url(” css file”)
Fix:
I simply changed the call to the css file to normal standard below and it was fixed. Please remember to remove the @import in the heading of the main css file if you wish to use the method below.
<link rel="stylesheet" type="text/css" href="file.css" title="stylesheet" />
