[CSS]Wyświetlanie menu strony w IE, menu wyświetla się "pod" zamiast "nad" banerem Opcje

[elldiablo]

Cześć,

Stworzyłem menu w html-u

[HTML] pobierz, plaintext 
<ul id="navigation-1">
	<li><a href="o-nas.html">O fundacji</a>
		<ul class="navigation-2">
			<li><a href="link.html" title="O nas">O nas</a></li>
			<li><a href="link.html" title="Ludzie fundacji">Ludzie Fundacji</a></li>
			<li><a href="link.html" title="1% podatku">1% Podatku</a></li>
			<li><a href="link.html" title="Sprawozdania">Sprawozdania</a></li>
			<li><a href="link.html" title="Praca i wolontariat">Praca i wolontariat</a></li>
		</ul>
	</li>
</ul>
 
ul#navigation-1 {margin:0; padding:0; list-style:none; width:100%; height:21px; font-size:14px;}
ul#navigation-1 li {margin:0; padding:0; display:block; float:left; position:relative;}
ul#navigation-1 li a:link,
ul#navigation-1 li a:visited
	{padding:18px 25px 10px 25px; display:block; text-align:center; text-decoration:none; color:white; width:auto; height:25px; }
ul#navigation-1 li:hover a,
ul#navigation-1 li a:hover,
ul#navigation-1 li a:active
	{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;}
 
ul#navigation-1 li ul.navigation-2
	{ 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;}
ul#navigation-1 li:hover ul.navigation-2
	{ display:block; }
ul#navigation-1 li ul.navigation-2 li
	{ width:130px; clear:left; width:130px; }
 
ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited
	{ 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;}
ul#navigation-1 li ul.navigation-2 li:hover a,
ul#navigation-1 li ul.navigation-2 li a:active,
ul#navigation-1 li ul.navigation-2 li a:hover
	{ clear:left; background:#ef6f01; padding:9px 20px 0 20px; width:110px; border-bottom:1px solid #ffffff; position:relative; z-index:1000; font-size:9pt;}
[HTML] pobierz, plaintext 

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

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

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;

Ten post edytował kokers 23.02.2011, 20:12:24

[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