Internet Explorer and column collapse

March 23rd, 2007

So, you have built a beautiful CSS layout. It looks great. You feel powerful, knowledgeable and wise. Then you start adding real content to the layout - images, lists, links etc.

Suddenly you layout does not look so great in Internet Explorer. For some reason columns are wider. In some cases the column width increases so much that the entire layout breaks and the column drops below the rest of the content. Your confidence is shattered. You curse CSS and think about table-based layouts. At least they “work” in IE.

Here is a possible solution.

Tags: , , ,