in your face IE7

Internet Exporer 7, like all things Internet Explorer, is a developers nightmare.

Sure, if you’re working with it on a daily basis you know all the little tips and hacks to ‘patch it up’ but why the hell should we have to ‘patch it up’ if we have valid and logical code?

I am of course talking about my new theme… although i’m just making a few small changes from an existing theme, it’s taken me about 6 hours to make it IE 7 proof.

If you visit Chris Pirillo’s blog itself in IE7, you’ll notice even he hasn’t bothered to ‘perfect’ it 😉 Have a look at the black navigation bar here…

Now check out my exact same wrapper and nav bar in IE7…

And that, my friends, is what you call perfection :mrgreen: The following code is how i went about it… be aware that i’ve modified the header etc.. so your positioning WILL be different if you’re using this theme, but if you take the CSS below you can simply tweak the numbers until you hit the nail on the head.

#nav {

#header-inner {
width: 920px;
height: 166px;
margin: 0 auto;
text-align: left;

That now means i’m ready to make the move… the new theme will be going live on this blog, hopefully within the next few hours before i get to bed 🙂

7 thoughts on “in your face IE7”

  1. Nooooooooooooooooooooooooooooooooooooooo!!! Your current theme is lovely!

    The one Chris has is so bland and 999,999 in a million. For the love of all things holy don’t put that on this blog 🙁

  2. Yeah i know IE6 is worse, but this particular issue was purely an issue in IE7..

    Roll on IE8 :mrgreen: :mrgreen: :mrgreen:

    (it does render properly btw in IE 6 & 7 now)…

  3. ouch… IE5 🙂 it’s probably like designing from scratch :mrgreen:

    @Kisaragi, i’ll make in depth posts next week on exactly why i’m making the move…

    I agree i’ll lose my unique theme, but in terms of speed, SEO value, social integration and navigation, the new theme crushes this current one 😎

    I’ll try to keep tweaking it though as i go along…

Leave a Reply