Internet Explorer #fail #hate

I was asked if I could create a page on the intranet that had navigation something like this:

Page navigation with heading left and two rows of four buttons

This is the Firefox rendered version, I don’t have the original Word document. The requested design had top right corners clipped, but Sharepoint messes with CSS. I created it with HTML/CSS as a list, so that it would degrade nicely. I just sat there, design on one display editing on the other. After a while you understand the language. You know what to alter in the code to make it look right. A few iterations and I was happy with it, so I published it.

Now, I’m lucky enough to be allowed to use Firefox in the office. Everyone else uses Internet Explorer. I have IE8 installed on my machine. I didn’t test it in IE (yeah, I know!) I just assumed that it would look ok.

I rang the requester. They weren’t happy with the result:

broken rendering in Internet Explorer

Well, I can see why! So I checked it in Chrome:

Page navigation rendered by Chrome, heading top left, two rows of four buttons

Chrome and Firefox agree on what it should look like.

And this is why I hate Internet Explorer! It takes my thoughts, my translation of them into HTML/CSS, and completely mangles them! It’s not the first time I’ve seen this either. Previously I have had minutes render as I invisaged in Firefox, Opera, Safari and Chrome but fail in IE.

Flattr this!