Sent by IChao on 29 January 2005 10:10
brian ally wrote:
> ... I had a 3-column layout using per centages for width, along
> with 2% margins on the left and middle column. My links had a
> border-bottom and color which changed on hover and ie was causing the
> text within the div to re-flow. Changing the column margins to ems fixed
> it.
While rendering a page, percentages on margins are calculated
erroneously with respect to the dimensioned ancestor/grandparent
(body/html/'the one above html' at least).
The re-flow on a:hover-transitions (a background change) fixes this due
to the fact that all the dimensions of the rendered elements are
determined at that point in time. Now, the percentage can be calculated
with respect to the parent dimensioned containing block.
Though this be madness, yet there is a method in't.
The percentages on margins are related to different values, depending on
the state of page flow. This causes a jump on a:hover.
So, your fix was it to abandon the percentages on margins. Quirks mode
would be another one. Or wrap the wrapper with the same dimensions. At
least abandon IE, but that isn't practicable in every situation, I assume.
Regards
Ingo Chao
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/