Re: [css-d] IE7 background change on hover and zoom

[Brett Merkey]

Susanne Jäger wrote:
| Ok. It really seems to be a general problem with the positioning of
| inline-elements and IE7s page zoom. The position of text-content is not
| in all cases the same as the element borders. The problem gets visible
| with quite a few style-properties, there seems to be a very special fix
| for text-decoration: underline on links. Besides this it's completely
| screwed up.
| Little horror show - quite colorful and not very meaningful ;-) -
|  Fun for IE7.


Susanne, thanks for pointing out this problem. I started checking IE7 zoom
with my layouts in general. The situation is worse than you have stated.
After zooming, IE7 breaks lots more than inline links. In fact, the more a
Web worker has used CSS to make a flexible layout, the worse the layout is
broken with IE7 zoom

What I am seeing are horizontal scrollbars if a screen is zoomed and then
the user resizes the screen. The result is instantaneous and ugly. Here is
one link that may be related:

http://www.boagworld.com/archives/2006/11/the_problem_with_ie7_zoom.html

I don't yet have a solution but this seems to be a problem worth finding a
workaround for.

Brett Merkey

__
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/

Re: [css-d] IE7 background change on hover and zoom

[Susanne Jäger]

Am 20.12.2006 13:29 schrieb Susanne Jäger:

> 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.

Ok. It really seems to be a general problem with the positioning of 
inline-elements and IE7s page zoom. The position of text-content is not 
in all cases the same as the element borders. The problem gets visible 
with quite a few style-properties, there seems to be a very special fix 
for text-decoration: underline on links. Besides this it's completely 
screwed up.
Little horror show - quite colorful and not very meaningful ;-) - 
 Fun for IE7.

letter-spacing and word-spacing seem to fix the positioning problems, 
but are themselves buggy and can't be used as a fix, at least 0 or a 
very small value result in rather weird spacing.

greetings
Susanne, hoping for some quick bugfixing.



-- 
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/

Re: [css-d] IE7 background change on hover and zoom

[Susanne Jäger]

Hallo Ingo,

Ingo Chao wrote, On 20.12.2006 05:53:
> Susanne Jäger wrote:

>> 
>> 
>> 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 
(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/

Re: [css-d] IE7 background change on hover and zoom

[Susanne Jäger]

Hi David,

~davidLaakso wrote, On 20.12.2006 02:34:

>> I run into a very annoying problem with the pagezoom in IE7. A very
>> simplistic testcase (ignore the German text, its just a placeholder -
>> styles inline): 

> If it is what I think it is,  ie/7s page zoom "feature" was flawed the 
> day it hit the street. 

I completely agree with that one. Most of the problems I encountered
while adjusting css for IE7 were connected to this pagezoom-stuff.

> Using text-size 'largest' instead of zoom, I 
> believe your links behave as you intended in ie/7. I guess it is just 
> yet another one of those "users beware" this is ie situations-- no one 
> has come up with a work-around for this that I know of.

I fear it's more developers beware: don't (dynamically) invert inline
text. :-( This "feature" seems too handy too be ignored by users.

greetings
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/

Re: [css-d] IE7 background change on hover and zoom

[Ingo Chao]

Susanne Jäger wrote:
> Hi,
> 
> I run into a very annoying problem with the pagezoom in IE7. A very
> simplistic testcase (ignore the German text, its just a placeholder -
> styles inline): 
> 
> 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. The shift is larger for links that are placed at
> the end of a line than for those at the beginning.

Hallo Susanne,

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.


If only they had tried their zoom feature before launching.

Ingo

-- 
http://www.satzansatz.de/css.html
__
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/

Re: [css-d] IE7 background change on hover and zoom

[~davidLaakso]

Susanne Jäger wrote:
> I run into a very annoying problem with the pagezoom in IE7. A very
> simplistic testcase (ignore the German text, its just a placeholder -
> styles inline): 
>
> 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. The shift is larger for links that are placed at
> the end of a line than for those at the beginning.
>   
If it is what I think it is,  ie/7s page zoom "feature" was flawed the 
day it hit the street. Using text-size 'largest' instead of zoom, I 
believe your links behave as you intended in ie/7. I guess it is just 
yet another one of those "users beware" this is ie situations-- no one 
has come up with a work-around for this that I know of.
>
> Susanne
>
>   
Best,
~dL

-- 
http://chelseacreekstudio.com/

__
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/

[css-d] IE7 background change on hover and zoom

[Susanne Jäger]

Hi,

I run into a very annoying problem with the pagezoom in IE7. A very
simplistic testcase (ignore the German text, its just a placeholder -
styles inline): 

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. The shift is larger for links that are placed at
the end of a line than for those at the beginning.

I'm pretty sure this bug must have been noticed before, but couldn't
find neither a specific description nor a workaround.
I had a couple of similar problems with page-zoom and "not layouted"
inline content - on horizontal list and similar stuff, but those could
be fixed with some hasLayout / position: relative combination, when I
could address all children of a block element. In this case - in flow
inline-content nothing seems to work ...
or I'm just looking too long on the same page.

Any hints?

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/