As I was converting one of my websites from tables to CSS, I encountered a problem: how do I make a centered three column layout that works in all browsers, including IE? So I did some Googling, and found this. Exactly what I need. So I looked at the source, and AHH! There are more hacks than there is actual code! But this was all I could find, so I saved the source and started morphing it into the page I was working on. First, I had to change the width to what I needed it to be. In other words, change the width of eight divs, plus their respective hacks.
Soon, I got most of the layout how I wanted it to be, and started adding in the actual content. But then I tested it in some different browsers, and I stared at the screen in horror as IE blew up my layout! I looked at the code, trying to find what I did wrong. It had been working just a few minutes ago, so it couldn’t be anything big.
I tried commenting out parts of the CSS and replacing it with the original, but try as I did, I couldn’t find the problem. So I had no choice but to START OVER.
After three hours straight, I finally got it working in all browsers, including The Bad One. I can’t wait till the release of IE 7…