Author: wegge

Description:
The page mentioned above contains a minimal example of a weird rendering with IE7. It will likely show the same in other IE versions. The problem is the <div class="center"> that wraps the thumbnail when |center| is given in [[Image:Eksempel.jpg|100px|thumb|center|center]].

I seem to recall that there are some issues with IE and block-level elements having a width of 100% the surrounding block. In this case it looks like the 6px of padding from <div class="thumbinner" is applied to the table cell *after* the width has been calculated, and therefore the border is shifted into the cell to the right. Changing width: 100% to a smaller value or removing it entirely, in the CSS, fix this case, but I'm not sure if such a change will break something else. However, the simple skin has no width at all for div.center.

Version: unspecified
Severity: normal
URL: http://da.wikipedia.org/wiki/Bruger:Wegge/IE7_rendering_weirdness