Previous Message
Next Message

RE: [css-d] Site test - Fixed position IE5Mac hover problem

Sent by John Potter on 15 November 2002 03:03


I'm replying to my own question for the benefit of anyone with the same
problem who searches the archives.

This demo of a fixed-position menu:
http://johnp.co.nz/mysteries/myhovdivfix.htm
has the problem:  in IE5Mac the hover colours on the menu links do not work
and the cursor does not change. If the declaration:
body>div.fixbar {position: fixed; } is removed, the links function properly.

This turns out to be a Mac bug. From CodeBitch's page at:
http://www.macedition.com/cb/ie5macbugs/
QUOTE
Link cursor properties not honored when inside a parent element with fixed
positioning

Links inside fixed-position elements have no visual feedback that they are
links, except by clicking or tabbing. The hover property does not work, nor
does the normal cursor feedback. Normally the cursor changes to a pointer or
hand when you mouse over a link, but this does not occur here. While IE5.1
does support the cursor CSS2 property, it does not seem to work if the links
are inside an element with position:fixed.
ENDQUOTE

For some bizarre reason, if this page is saved as an html file, the
body>div.fixbar selector is rewritten as UNKNOWN. The links will then work
as normal in IE5 Mac, but of course the div will no longer be fixed. Because
I didn't notice the div had become unfixed it caused me heaps of confusion!
Any comments on why this happens???

My fix:
body>div.fixbar/*Comment hack hides this from IE5Mac (and IE5Win which
ignores this style anyway)*/ {position: fixed;}
The menu will no longer be fixed in IE5Mac, but it will at least be
functional.

Many thanks to the people who contacted me off list with suggestions.
JohnP

John Potter

Johnpwebdesign - websites from $250   http://www.johnp.co.nz
Masculinist Evolution in New Zealand   http://www.menz.org.nz



_______________________________________________
css-discuss [EMAIL-REMOVED]]
http://two.pairlist.net/mailman/listinfo/css-discuss
Sponsored by www.westciv.com - CSS resources | software | learning
Previous Message
Next Message

Message thread: