Work

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 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 {
float:left;
position:absolute;
left:-1px;
top:175px;
}

#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