Internet Explorer and column collapse
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.
March 23rd, 2007
5:24 am
Permalink
The fix for *url strings which are still cut off to some degree* is to *give layout* for the UL element.
For example: assign width:100% (or other CSS declaration that triggers hasLayout = true) for UL and the complete URL string will be revealed in all his glory.
As a rule of thumb it’s also a good idea to *give layout* for relative positioned elements in IE.
See: “On Having Layout” at: http://www.satzansatz.de/cssd/onhavinglayout.html
March 23rd, 2007
6:02 pm
Permalink
Good point - forgot this. Fixed now with a credit to you based on your suggestion.