Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Wyświetlanie menu strony w IE
Forum PHP.pl > Forum > Przedszkole
elldiablo
Cześć,

Stworzyłem menu w html-u

  1. <ul id="navigation-1">
  2. <li><a href="o-nas.html">O fundacji</a>
  3. <ul class="navigation-2">
  4. <li><a href="link.html" title="O nas">O nas</a></li>
  5. <li><a href="link.html" title="Ludzie fundacji">Ludzie Fundacji</a></li>
  6. <li><a href="link.html" title="1% podatku">1% Podatku</a></li>
  7. <li><a href="link.html" title="Sprawozdania">Sprawozdania</a></li>
  8. <li><a href="link.html" title="Praca i wolontariat">Praca i wolontariat</a></li>
  9. </ul>
  10. </li>
  11. </ul>
  12.  
  13. ul#navigation-1 {margin:0; padding:0; list-style:none; width:100%; height:21px; font-size:14px;}
  14. ul#navigation-1 li {margin:0; padding:0; display:block; float:left; position:relative;}
  15. ul#navigation-1 li a:link,
  16. ul#navigation-1 li a:visited
  17. {padding:18px 25px 10px 25px; display:block; text-align:center; text-decoration:none; color:white; width:auto; height:25px; }
  18. ul#navigation-1 li:hover a,
  19. ul#navigation-1 li a:hover,
  20. ul#navigation-1 li a:active
  21. {padding:18px 25px 10px 25px; display:block; text-align:center; text-decoration:none; color:white; width:auto; height:25px; background:url('../images/bg-menu-on.gif') scroll;}
  22.  
  23. ul#navigation-1 li ul.navigation-2
  24. { margin:0; padding:0px 0px 0px 0px; list-style:none; display:none; background:#f5a967; width:150px; position:absolute; top:53px; left:-1px; font-size:9pt; text-align:center;}
  25. ul#navigation-1 li:hover ul.navigation-2
  26. { display:block; }
  27. ul#navigation-1 li ul.navigation-2 li
  28. { width:130px; clear:left; width:130px; }
  29.  
  30. ul#navigation-1 li ul.navigation-2 li a:link,
  31. ul#navigation-1 li ul.navigation-2 li a:visited
  32. { clear:left; background:#f5a967; padding:9px 20px 0 20px; width:110px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; text-align:left; font-size:9pt;}
  33. ul#navigation-1 li ul.navigation-2 li:hover a,
  34. ul#navigation-1 li ul.navigation-2 li a:active,
  35. ul#navigation-1 li ul.navigation-2 li a:hover
  36. { clear:left; background:#ef6f01; padding:9px 20px 0 20px; width:110px; border-bottom:1px solid #ffffff; position:relative; z-index:1000; font-size:9pt;}


W tej części kodu wyświetlany jest baner w jquery który zmienia zdjęcia.

  1. <div id="slideshow">
  2. <img src="{$img_file}image01.gif" alt="Slideshow Image 1" class="active" />
  3. <img src="{$img_file}image02.gif" alt="Slideshow Image 2" />
  4. <img src="{$img_file}image03.gif" alt="Slideshow Image 3" />
  5. </div>
  6.  
  7. #slideshow {position:relative; height:217px; padding:0px;}
  8. #slideshow img {position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
  9. #slideshow img.active {z-index:10; opacity:1.0;}
  10. #slideshow img.last-active {z-index:9;}


Nie wiem czemu ale w firefox, google chrome, menu pojawia się nad obrazkami (banerem) a w IE menu pojawia się pod zdjęciami.

Proszę o pomoc,
Jacek
kokers
Czy jest gdzieś online to menu?
elldiablo
http://www.odzyskajsrodowisko.pl/
kokers
nie wiem czy coś było zmieniane czy nie, ale zarówno w chrome, FF, IE (7,8) "banner" pojawia mi się pod menu przyklejony do lewej.
elldiablo
Czyli mam coś z przeglądarką nie tak?



Co muszę doinstalować lub co muszę ustawić w IE aby było ok?
kokers
już wiem o co chodzi.

dodaj do head:

<meta http-equiv="X-UA-Compatible" content="IE=8">


nie działa przy IE<7
ten meta tag wymusza kompatybilność z IE8. Oczywiście jeśli ktoś zacznie grzebać z widokiem zgodności to na własne życzenie zepsuje (o;
elldiablo
Dodałem tak jak napisałeś.

Poczytałem trochę o tym znaczniku i umieściłem go na samym początku sekcji head. Niestety u mnie bez zmian.

kokers
po wyczyszczeniu ciastek i reszty wymusza mi tryb zgodności z IE8.
jeśli nie gmerałeś nic przy trybach zgodności (zwykły user tego nie robi) to też powinien ci wymusić zgodność z IE8.


ewentualnie pewnie będzie coś z z-index w cssie.

http://www.shawnpreisz.com/css/z-index-int...-explorer-7-ie7
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.