internet explorer

Oh IE, how I Hate Thee

Oh Internet Explorer... how many times have I encountered your nasty little bugs? How many hours have you caused me to lament the fact that you exist?

Today I was working on a design for the upgraded Archdiocese of Saint Louis website (more to come in the future!), and encountered a nasty little bug in Internet Explorer having to do with CSS list positioning. Apparently, if you define an a element inside a list with "display: block," but don't set a width on the parent element (the li, and then the ul, in this case), the li elements will get an extra few pixels of margin applied below each list element.

The fix is to add a couple lines to your IE-specific conditional stylesheet (for IE 7 and below only—IE 8 fixes this bug), as outlined in this article.

Thank you for wasting another hour of my time, Microsoft.

End result:

Archdiocesan Archives Menu

Why OSC Looks Different in Explorer

If you're like me, you run multiple browsers; FireFox, Safari, Camino, and (last, and certainly least) Internet Explorer... actually, all three of the past versions of IE: 6, 7 and 8. And, if you have any ability to see, you'll notice that there are aspects of the site that look different—most notably the navigation buttons, the sidebar sections, and certain other elements.

The reason for this has to do with a principle embraced by those interested in making the web a better place: progressive enhancement graceful degredation [see comments below]. Basically, what this means is we develop the best website we can, and make it look great in the most standard and open way possible, and accept that the website might not look as good in older/less-compliant web browsers.

If you open the website in Safari (or any other standards-compliant browser!), here's what you'll see:

Open Source Catholic - Rendered in Safari


Subscribe to RSS - internet explorer