“We Don’t Support IE” – oh yeah ;)
I recently revamped my portfolio site with a swanky diagonal menu, which looked great in all major browsers except one. So which browser was giving issues? I’ll give you three guesses and the first two don’t count. I’ll put this into perspective: it took me one day to code and test the entire site for Opera, Safari, Chrome and Firefox. I then spent the next two days just trying to get the navigation menu to function in IE alone.
This is how you code a diagonal menu using CSS for Opera, Safari, Chrome and Firefox:
I considered the unthinkable. What if I didn’t support IE at all? Do I dare? I did some research to discover the validity of this option. It was then that I came upon this website, “We Don’t Support IE”. It’s sole purpose is to get people to switch from using IE to using any other good browser. [Update: Looks like their site is down for some reason so I deleted the link and will reinstate it when the site's back up.]
And it made me wonder “what if…”? What if there was a world with no IE? Undoubtedly the average lifespan of the web developer would increase by years should he/she not have to stress over quirky IE issues. I use the term “quirky” loosely. I really mean ******** IE.
I digress. While tossing IE would give me an immense feeling of self-satisfaction I risk alienating about a third of the visitors to my portfolio. And as a freelancer that’s not a luxury I can afford. So I knuckled down and created an alternate menu just for IE. It’s not as slick, but it will work. Here’s a peek at each menu as it now stands:
Firefox, Chrome, Safari & Opera:
By they way, if there are any web dev geeks out there reading this who know a good way of doing a diagonal menu in IE, please let me know – I’d love to upgrade the IE horizontal nav to it’s intended design. I don’t like the horizontal one. I’m a designer. I’m fastidious. And I can’t let it go.