Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Skaczący hover w IE
bpawlik
post
Post #1





Grupa: Zarejestrowani
Postów: 40
Pomógł: 0
Dołączył: 13.01.2005

Ostrzeżenie: (0%)
-----


Witam

mam taki kod CSS:
  1. div#navv {margin:0px;padding:0px;font-family: Tahoma, Verdana, Arial;font-size:12px;}
  2. div#navv {float:left; width:130px; background:#fff;line-height:20px;}
  3. div#navv ul {margin: 0px; padding:0px; width:130px; background:white;}
  4. div#navv li {position:relative; list-style:none; margin:0px;padding:0px;}
  5.  
  6. div#navv li.s1 {color:red;height:30px;margin:0px;}
  7. div#navv li.s2 {color:green;height:30px;margin:0px;}
  8. div#navv li.s3 {color:yellow;height:30px;margin:0px;}
  9.  
  10. div#navv li.s1 a {display:block; width:130px;height:30px;margin:0px;}
  11. div#navv li.s2 a {display:block; width:130px;height:30px;margin:0px;}
  12. div#navv li.s3 a {display:block; width:130px;height:30px;margin:0px;}
  13.  
  14. div#navv li.s1 a:hover {background-color:blue;height:30px;margin:0px;}
  15. div#navv li.s2 a:hover {background-color:blue;height:30px;margin:0px;}
  16. div#navv li.s3 a:hover {background-color:blue;height:30px;margin:0px;}
  17.  
  18. div#navv ul ul {position:absolute; top:0px; left:130px; display:none;margin:0px;}
  19. div#navv ul.l1 li.s1:hover ul.l2 {display:block;margin:0px;}
  20. div#navv ul.l2 li.s2:hover ul.l3 {display:block;margin:0px;}


i do tego taki kod w HTML

  1. body {behavior: url(css/csshover.htc);}
  2. ...
  3. <div id="navv">
  4.  
  5. <ul class="l1">
  6. <li class="s1"><a href="">Menu1</a>
  7. <li class="s1"><a href="">Menu2</a>
  8. <ul class="l2">
  9. <li class="s2"><a href="">Menu 2_1</a>
  10. <ul class="l3">
  11. <li class="s3"><a href="">Menu 2_1_1</a></li>
  12. </ul>
  13. </li>
  14. <li class="s2"><a href="">Menu 2_2</a>
  15. <ul class="l3">
  16. <li class="s3"><a href="">Menu 2_2_1</a></li>
  17. </ul>
  18. </li>
  19.  
  20. </ul>
  21. </li>
  22. <li class="s1"><a href="">Menu 3</a></li>
  23. </ul>
  24. </div>


I teraz problem, w FF, Opera wszystko jest OK, w IE 6.0 jak najadę na Menu 2 to wszystko co jest pod spodem skacze, tak samo jak najadę na Menu 2_1 to też skacze Menu 2_2.

Próbowałe już wielu rzeczy ale jakoś nic nie przynosi efektu.
Będę wdzięczy za wskazówki.
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 23.08.2025 - 15:27