Temat: Menu wielokrotnie zagniezdzone (ul / li) a IE

Kiedys wysnulem teorie, ze budujac serwis 60-70% czasu pochlania napisanie alternatywnego arkusza css dla IE. Wydaje mi sie, ze sie nie pomylilem, ale nawet jak sie nie pomylilem to poleglem.

Mam swoj serwis gdzie na gorze po lewej widza Panstwo wielokrotnie zagniezdzone menu ul, li. Menu wyswietla sie dobrze pod FF i Opera. Tak juz znacie pytanie. ;-) Z IE cos jest nie tak.

Menu widac ale pozycje submenu sie nie wyswietlaja.

Serwis jest na: http://devotees.pl
CSS od menu na: http://devotees.pl/_css/menu.css

Prosze uprzejmie o jakas pomoc.
Z gory dziekuje.
Julia  Krysztofiak-Szop a

Julia
Krysztofiak-Szop
a
InFlavo /
gryziemy.net

Temat: Menu wielokrotnie zagniezdzone (ul / li) a IE

Tak, jak rzuciłam okiem, to sądzę, że pies jest pogrzebany w li:hover - IE6 nie rozumie pseudoklasy hover dla niczego oprócz a. Tym bardziej nie będzie rozumiał div#menu li:hover > ul

Podobne, cross-przeglądarkowe menu w czystym CSS, znajdziesz tutaj:
http://www.cssplay.co.uk/menus/

Warto się zainspirować trickami tego autora.

konto usunięte

Temat: Menu wielokrotnie zagniezdzone (ul / li) a IE

IE nie rozumie dokładnie tego:
Julia Krysztofiak-Szopa:
... hover > ul

Temat: Menu wielokrotnie zagniezdzone (ul / li) a IE

Zastosowalem to rozwiazanie. Struktura ul/li(a) taka sama, jeden arkusz i widze, ze na localhoscie dziala po FF, Opera i IE.

Pani Julio, Panie Robercie, zdaje sie, iz problem nie lezal w hover > ul, poniewaz w przykladzie powyzej autor rowniez korzysta z tego rozwiazania, co ciekawe z powodzeniem.
Sławek T.

Sławek T. programista PHP

Temat: Menu wielokrotnie zagniezdzone (ul / li) a IE

Pod IE problem leży w hover > ul. Natomiast w przykładzie autor stosuje myk poprzez

* html #menu ul li {
float:left;
height:1%;
}
* html #menu ul li a {
height:1%;
}

by pod IE wszystko zadziałało.

Temat: Menu wielokrotnie zagniezdzone (ul / li) a IE

Dziekuje za wyjasnienie.
Paweł Piskorz

Paweł Piskorz koder HTML/CSS

Temat: Menu wielokrotnie zagniezdzone (ul / li) a IE

Sławomir Tajnert:
Pod IE problem leży w hover > ul. Natomiast w przykładzie autor stosuje myk poprzez

* html #menu ul li {
float:left;
height:1%;
}
* html #menu ul li a {
height:1%;
}

by pod IE wszystko zadziałało.

Ww style to tylko drobne poprawki, żeby badzIEw nie psuł wyglądu, zaś do naprawy :hover > ul użyty jest skrypt:
tartList = function() {
// code for IE
...
}

Przy okazji warto przeczytać: http://www.alistapart.com/articles/dropdowns

Następna dyskusja:

Menu rozwijalne w CSS




Wyślij zaproszenie do