Zdravím vospolok,
pokúšam sa o horizontálne rozbalovacie menu zarovnané na stred v absolútne pozicovanom layoute. Nejak sa mi ale drbe z-index v MSIE, kde simulujem hover efekt javascriptom nastavením classu pomocou className pri onmouseover. Z-index mi ale nefachá. MSIE5, 5.5 aj 6 na to kašle. V MOZ/FF to je OK, Operu som tiež k tomu nejak dokopal.

okresaný kod a ukážka je tu

Ak by niekto náhodou vedel kde tom to pos*al, bol by som vďačný za kopanec správnym smerom. Thanx.


PS: V opere to tiež vyzerá biedne ale to si viem aspoň prasácky fixnúť tak, že to zarovnám na stred JavaScriptom. :-/ Prípadne by ma potešil aj link na podobne fungujúce menu (podmienky: použitie naformátovaného zoznamu UL/LI, zarovnanie na stred a bezproblémová funkčnosť v GECKO / IE5+ / Opera 8+

a co se poucit zde [http://css.interval.cz/clanky/hover-menu/] a zde [http://css.interval.cz/clanky/experimentalni-vysouvaci-hover-menu-bez-skriptovani/]
ja jsem si podle toho menu udelal a funguje dobre, akoreat jsem nechtel 3 sloupce, ale jen jeden, s pevnym zahlavim (nadpis pro tabulku) nad kterym se vysouva to menu

Mám pocit, že to bude naozaj obmedzením CSS vlastnosti z-index v MSIE. Skúsil som menu z Intervalu s hover.htc beží to pekne aj sa to dá napozicovať, len v MSIE je ten "ul li ul" v osy z až za absolútne pozicovanými prvkami (teda prekryté) napriek tomu, že majú hodnotu z-index:1 a zoznam menu má z-index:1000. :-[

asi ten z-index + absolute :-/




Celkem upraveno 1×. Poslední úprava pa3k v 29.03.2006 21:07.

Problém vyriešený, pekná ukážka:

z-index v MSIE nefunguje
z-index v MSIE funguje

Problém bol v tom, že ak je prvok "headmenu" zanorený do prvku "header" prestal fungovať z-index, holt CSS v MSIE je hotová mágia.

#header {
height:216px; position:relative; background:#eee;
}

#headmenu
{
position:absolute;
top:200px; left:0;
line-height:1em;
height:1em;
vertical-align:baseline;
margin:-0.4em auto 0 auto;
z-index:100;
}

Jeden manik mi na [http://www.martincohen.info/forum/] vysvetlil aj dôvod prečo to nefungovalo. Takže po dvoch nociach laborovania si už dám na z-index bug v MSIE setsakramentský pozor :) Citujem vysvetlenie:

---------8<-----------
Zanorenim do header to prestane fungovat evidentne kvoli tomuto:
[http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html]
IE totiz chybne pre relativne pozicovane prvky generuje novy kontext vrstiev so z-index: 0, tym padom header a vsetko, co mas v nom je nizsie ako tie zvysne absolutne pozicovane prvky so z-index: 1. Jednym z rieseni je nadefinovat header-u z-index: 2
lub0s