Previous Message
Next Message

Problem with CSS Navigation in IE

Sent by francky on 18 March 2006 04:04


Ulrich Wiederhold wrote:

>Hello,
>I have a testside online at:
>
>http://www.uliw.mynetcologne.de/
>
>My problem is the navigation. In Mozilla, if the submenu opens, it is in
>front of the basic-menus. (I use z-index for this)
>
>In IE the basic-menu is in front. Why?
>How can I change this?
>
>Thanks for your help.
>Uli
>
Hi Uli,
Because I didn't see clearly what all the IE-stuff was doing, I first 
made an IE-only version by deleting all the conditional comments from 
the html (and the "hide" classes).
That is giving this testpage 
<http://home.tiscali.nl/developerscorner/css-discuss/test-ect-ie-ori.htm>.
I notice you are avoiding a (Suckerfish) javascript for the menu/submenu 
hovering in IE by applicating the "fake link trick" (hoverable 
bookmark-link with list-items inside) - which is not valid html. - But 
because the conditional comments around the IE-code, the validator 
doesn't see this, so "nobody knows". ;-)

Then we see that IE is not displaying the block-character of the menu-1 
item (only the word "menu 1" is hoverable, not the whole line as in the 
other items), probably because the strange table inside.
But by giving the menu-item a background, the line is coming back, and 
submenu can be clicked. (Perhaps you can forget all the z-indexes now; 
didn't try).
See second testpage 
<http://home.tiscali.nl/developerscorner/css-discuss/test-ect-ie-new.htm>.

I think it must be a sort of "hasNoLayout"/"hasLayout" reason; see Ingo 
Chao's: On having Layout 
<http://www.satzansatz.de/cssd/onhavinglayout.html>.

btw: you are mixing up the css and the ie-hacks in an almost 1:1 
relation; and using as well a lot of (css-pointed) conditional comments 
in the html. Shouldn't it be easier to split it up in a normal 
stylesheet plus an IE-only stylesheet (called by a cond.comm. in the head)?

Greetings,
francky

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
Previous Message
Next Message

Message thread: