The Complication of Three-Column Layouts

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…

7 Responses to “The Complication of Three-Column Layouts”

  1. K-Tiger Says:

    Or you can just say forget the crappy I.E., and stick to safari and fire fox!

  2. Eamon Ford Says:

    I can’t — it’s not my site. 90% of its visiters are IE users, including the owner.

  3. sammi and tori Says:

    your friend one just choose one bikini!!! tell him to choose a bikini!

  4. Eamon Ford Says:

    Uh… What does that mean? :P

  5. sammi Says:

    remember when we asked you wich one you liked best? he wouldnt choose what one he liked

  6. Russo Ross Says:

    This post has been removed by the author.

  7. Russo Ross Says:

    I’m just too cool for your bikinis, ladies. :)

Leave a Reply