Firefox users rejoice!
Apple Matters is proud to say we found the snippet of CSS code that stumped the Mozilla rendering engine. I’m not sure if its a matter of bad CSS (no other browser had a problem with it) or a bug in the Mozilla rendering engine. The culprit could be found in one of the main divs on Apple Matters that contained other nested divs. Here is the nefarious code:
height: %100
Yup, it appears that choked Mozilla. Now, if only Mac users read Apple Matters I’d say who cares! After all Safari is far and away a better browser. However, since 20 percent of my readers use Windows I respect their decision to avoid Microsoft Internet Explorer. Plus, who am I to say Safari is the best browser? That’s just my opinion.
Once again, I apologize for the delay, Firefox users! Now you can enjoy Apple Matters too!
Comments
hooray. seriously. hooray
Heh, as an alternative to fixing that bug you could have just changed the background to a light solid color instead of the stripes that it is now.
may have still been broken, but it would have been readable
There is probably a few different fixes - I posted in a different article that the following would fix the rendering problem (edited to clarify my original post:
————-
The background bug we’re seeing with Gecko is due to declaring the ID “weblog” as a class.
here are the relevant DIVs:
<div id=“weblog”>
<div class=“weblog”>
“weblog” is an ID in your stylesheet, not a class.
If you copy the attributes of #weblog and make it .weblog then you’ll be fine, and you just have to make one fix to the CSS and not touch your article template.
————-
cheers,
-N
oh yeah, a quick flame… Safari may be a better browser than Firefox, but Camino is a better browser than Safari. =)
Firefox on Windows, okay. Firefox on OS X, bleh.