Menu - firefox ;] IE sux... Opcje

[ennics]

cześć, mam menu oparte o nadzwyczaj prosty Javascript

[HTML] pobierz, plaintext 
function activateMenu(nav) {
 //IE only
  if (document.all && document.getElementById(nav).currentStyle) {  
    var navroot = document.getElementById(nav);
    var lis=navroot.getElementsByTagName("LI");  
    for (i=0; i<lis.length; i++){
      if(lis[i].lastChild.tagName=="UL"){
        lis[i].onmouseover=function(){	
          this.lastChild.style.display="block";
		}
        lis[i].onmouseout=function() {                       
          this.lastChild.style.display="none";
        }
	  }
	}
  }
}
[HTML] pobierz, plaintext 

oraz o już nieco bardziej rozbudowany CSS. Problem polega na tym że w pod firefox działa a pod IExplorer wyświetla podrzędne warstwy tylko dla pierwszego elementu menu. Kod HTML wygląda mniej więcej tak

[HTML] pobierz, plaintext 
<td align="left" height="22" valign="top">
<ul id="nav">
<li class="topmain"><a class="topmain" href="index.php">0Strona g��wna</a>
<ul class="subul">
<li><a href="index.php">1 1ROK 2005</a>
<ul class="subul">
<li><a href="index.php">2 2Wrzesie� 2005</a>
</li>
<li><a href="index.php">2 3Wrzesie� 2005</a>
</li>
</ul>
</li>
 
<li><a href="index.php">1 5ROK 2005</a>
<ul class="subul">
<li><a href="index.php?call=Harmonogram&Harmonogram=0905">6 6Wrzesie� 2005</a>
</li>
<li><a href="index.php?call=Harmonogram&Harmonogram=1005">6 7Pa�dziernik 2005</a>
</li>
<li><a href="index.php?call=Harmonogram&Harmonogram=1105">6 8Listopad 2005</a>
</li>
</ul>
</li>
</ul>
</li></ul>
[HTML] pobierz, plaintext 

czy to wina JScript czy CSS ? gdzie jest błąd ?

Ten post edytował ennics 23.08.2005, 18:21:58

[Kas]

IE nie obsługuje CSS2 oraz CSS3, więc np. wartswy mogą działać nie poprawnie.

[ennics]

hmm ale pierwszą obsługuje ?!
nie znam się dokładnie na specyfikacji CSS, czy to wygląda na CSS2/3 ?

Kod

a.subul a,.subul a:link,.subul a:visited,.subul a:active {
text-decoration:none;
color:#3333CC;
margin:0;
padding:2px;
padding-left:10px;
width:120px; display:block;
background-color:#EEEEEE;border:solid 1px #CECECE;
-moz-box-sizing: border-box;
filter:alpha(opacity=60);
}

[Kas]

Tak.

Poza tym

Kod

-moz-box-sizing: border-box;

działa wyłącznie w przeglądarkach opartych o Gecko.

Ten post edytował Kas 23.08.2005, 18:56:06

[revyag]

W kodzie masz napisane IE only, sprawdziłem oczywście i pod IE działa częściowo prawidłowo. Chodzi o to że nie ma ustawionego stanu początkowego, np. taki kiedy widać tylko głowny korzeń, albo korzeń i te dwa podmenu. Co do działania to u mnie wygląda to tak: po najechaniu na jedną opcję pojawiaja się kolejne podmenu, po najechaniu na drugą poprzednie znika i pojawia się to drugie.

IE nie obsługuje CSS2

Śmiem się nie zgodzić, dobrze napisany kod zawsze będzie działał.
To już zaczyna przypominać paranoję, niedługo będą texty że IE niczego nie obługuje i na stos z nim

[Sh4dow]

...

IE nie obsługuje CSS2

Śmiem się nie zgodzić, dobrze napisany kod zawsze będzie działał.
To już zaczyna przypominać paranoję, niedługo będą texty że IE niczego nie obługuje i na stos z nim

chcialbym sie niezgodzic. IE nie obsluguje css2 ale css1 tak. Wielkosc ludzi kozysta w 80% z css1 tylko a bledy logiczne i skladniowe przypisuja bledom IE. Zaden dobrze napisany kod css2 nie bedzie dzialac poprawnie na IE. No chyba ze mi pokazesz ze najprostrzy na swiecie kod z css2 czyli pierwszy z brzegu

Kod

min-height: 30px;
text-decoration: blink;

ewentualne :after czy :before zadziala poprawnie na IE.
Zgodze sie ze poprawnie napisany kod zadziala poprawnie ale tylko pierwesza wersja css.

P.S. zapraszam do lekturki o zmianach miedzy css1 a 2 changeList

[revyag]

Tak, źle to ująłem. Chodzi o to że nie zgadzam się z tym że IE w ogóle nie obsługuje css2, bo tak nie jest.
Nie będę tu wymieniał wszystkiego bo to bez sensu, ale np. popularne pozycjonowanie:

Kod

div#head {
    position:absolute;
    top:20px;
    left:20px;
}

BTW. text-decoration:blink to css1