Frustration

[cdybedahl]

Why does MSIE have to be so utterly fucked in the head?

I mean, would be too much to ask that it get the same result when adding 70 and 20 no matter what size the browser windows happens to be?

Comments

[kerravonsen]

This wouldn't be the Evil Width Bug would it? I vaguely recall, IE apparently calculates the width of an object in a web-page differently from everyone else... (goes and tries to see if she left some link on her web page about it...) Take a look at this box model hack page for more info about what evil IE does and how to get around it.

[cdybedahl.livejournal.com]

There seems to be rather more than one way in which they creatively calculate what width to put on an object, but, basically, yes.

[cdybedahl.livejournal.com]

IE6 (which is the only IE I have available) actually does render the page you linked to correctly. However, it still can't handle widths given as percentages worth a damn. Instead of applying the percentage to the width of the surrounding object, it appears to apply it to the width of the first ancestor object with an explicitly specified with or (if there isn't one the viewport itself. Which means that if you have a div next to a floating object and put two 50%-wide things next to each other in that div, they will end up being wider than the div itself, so the IE pushes one of them below the other one.

Even worse, if you shrink them to, for example, 25% each so they do get placed side by side with a wide margin in between and then make the IE window narrower, it will again push one object down below the other one.