Hallo Ingo, Ingo Chao wrote, On 20.12.2006 05:53: > Susanne Jäger wrote:
>> <http://sujag.de/test/hover_problem.html> >> >> It's just simple text with some inline links, that are inverted on >> :hover, :focus, :active. When the page is zoomed those links get shifted >> to the right on :hover. > What about giving zoom to the link against this zoom-bug? > > a { zoom:1;} > > No. Now the link itself is shifted to the right (but on hover, it keeps > it's position). > > position:relative? > > a { position:relative;} > > No. The link leaves a white hole in the line, strolling around. > > > a { zoom:1; position:relative;} > > No, no. The link is moving out of the line, upwards, and the text wraps > as if the link would not exist. I think I tried every single combination of these properties on every single element on this page in each state. ;-( Sometimes I imagine a script doing this on the fly - problem solved ? press enter otherwise continue with next element. ;-) What sometimes (kind of) works is adding word-spacing: 0; for the block-Element. Kind of, cause it grossly distorts letter-spacing on pagezoom even in paragraphs that don't contain any links. I tried this in an second test-case <http://sujag.de/test/hover_problem_fixed.html> (It was late and I was too optimistic when naming this one :-) ) Sometimes cause this "fix" doesn't work if there are more than one closely adjacent links in a line - like in a breadcrumb-Trail. Part of the problem is already visible without any dynamic changes. The "clickable" area of an inline Link with a background-color doesn't exactly fit to the position of the text in the zoom-state. Changing the color on user-Interaction just makes things worse and more visible. If this will be confirmed, it might have consequences for any userfriendly way of always defining color - background-color pairs in order to avoid conflicts with user-Stylesheets. > If only they had tried their zoom feature before launching. FUll ACK Susanne -- http://sujag.de - Webentwicklung und -beratung 10119 Berlin, Tel: 030 - 440 483 47 * CSS-Referenz für den Schreibtisch * CSS GE-PACKT - mitp http://mitp.de/vmi/mitp/detail/pWert/1620/titel/CSS%20GE-PACKT ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
