The number one rule of web design: Test in as many different browsers as you can. The trouble is, I made the mistake of installing Internet Explorer 7, and have not found a way of getting IE6 back. So I apologise to all IE6 readers who until today have had to put up with the sloppy left sidebar design on my blog, which fell foul of the min-height and other CSS bugs in IE6.
Of course if you were using a proper browser like Firefox or Opera, then you won’t have a clue what I’m on about. Until I viewed my site on a friend’s PC, I was totally unaware too.
Hopefully the page you are looking at should now look something like this:
In IE6 it was looking like this (see left sidebar):
All down to IE6′s endless CSS bugs.
It turns out that BrowserShots is the only way I have at present of validating code for IE6 from my wn PC.
I’m running in to the same problem on a theme I’ve designed. This is the first one I’ve built from nothing. The only thing I’m waiting on to offer it as a download, is to figure out this bug. IE6 drops the sidebar below the content.
Most bugs are prety well covered on the net. But I would really reccomend CSS Mastery which covers many of the tricks to keep your design within the limits of different browsers.
I have that book, and have found the answer since commenting. Thanks for the response.
If you want to test with IE6 take a look at this http://tredosoft.com/Multiple_IE
You can install several versions of IE as standalones without affecting your IE7
Nice blog and I will continue to read it.
very nicely done article, thank you.