Skocz do zawartości

Menu rozwijane w IE


Gość Dzonzi

Recommended Posts

Gość Dzonzi

Otóż mam problem z rozwijanym menu w IE w Viście.

W Operza na Xp działa elegancko a już na Viście w IE (chyba wersja 10) nie chce się rozwijać. Dużo z tym dziadostwem kombinowałem, ale moją cierpliwość się skończyła.

<html>

<head>

<style type="text/css">

body {

background-color: #FFCC66;

border-style: ridge;

border-color: red;

border-width: 5px;

}

#menu_zawartosc {margin:100px 300px 15px; position:relative; width:735px;

height:20px; z-index:100;}

#menu, #menu ul {padding:0; margin:0; list-style-type: none;}

#menu a, #menu a:visited {display:block;width:120px; font-size:15px;

color:white; height:25px; line-height:24px; text-decoration:none;

text-indent:5px; border:1px solid #000; border-width:1px 0 1px 1px;}

#menu li ul li a, #menu li ul li a:visited {border-width:0 1px 1px 1px;}

#menu li a.link, #menu li a.link:visited {border-width:1px;}

#menu li {float:left; background: black;}

#menu li:hover {position:relative;}

#menu li:hover > a {background: black

; color: #c00;}

#menu li ul {display:none;}

#menu li:hover > ul {display:block; position:absolute; top:-11px; left:80px;

padding:10px 30px 30px 30px; background:transparent; width:120px;}

#menu > li:hover > ul {left:-30px; top:16px;}

#menu table {position:absolute; border-collapse:collapse; top:0; left:0;

z-index:100; font-size:1em;}

* html #menu li a:hover {position:relative; background:#dfd7ca; color:#c00;}

#menu li a:active, #menu li a:focus {background:#dfd7ca; color:#c00;}

* html #menu li ul {visibility:hidden; display:block; position:absolute;

top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent;}

#menu li a:hover ul ul{visibility:hidden;}

#menu li a:hover ul a:hover ul ul{visibility:hidden;}

#menu li a:hover ul a:hover ul a:hover ul ul{visibility:hidden;}

#menu li a:hover ul a:hover ul a:hover ul a:hover ul ul {visibility:hidden;}

#menu li a:hover ul {visibility:visible; left:-30px; top:14px;}

#menu li a:hover ul a:hover ul{visibility:visible; top:-11px; left:80px;}

#menu li a:hover ul a:hover ul a:hover ul {visibility:visible;}

#menu li a:hover ul a:hover ul a:hover ul a:hover ul {visibility:visible;}

#menu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul

{visibility:visible;}

#tekst li {float:left; background: red;}

#poletekstowe {margin:100px 210px 600px; position:relative; width:700px;

height:25px; z-index:100;}

#tekst a, #tekst a:visited {display:block;width:700px; font-size:15px;

color:white; height:500px; line-height:24px; text-decoration:none;

text-indent:5px; border:1px solid #000; border-width:1px 0 1px 1px;}

#tekst li {float:left; background: black;}

b {font-size: 20px;}

</style>

</head>

<body>

<div id="menu_zawartosc">

<ul id="menu">

<li><a href="#">Strona Główna</a>

<li><a href="#">Forum Szkoly</a></li>

<li><a href="#">Gmina Harasiuki<!--[if IE 7]><!--></a>

<ul>

<li><a href="#">Powierzchnia</a></li>

<li><a href="#">Liczba ludnosci</a></li>

<li><a href="#">Data Utworzenia</a></li>

</ul>

<li class=""><a href="#">Pomoc Naukowa<!--[if IE

7]><!--></a><!--<![rozzwija]-->

<!--[if lte IE 6]>

<table>

<tr>

<td><![rozzwija]-->

<ul>

<li><a href="#">Jezyk Polski</a></li>

<li><a href="#">Matematyka</a></li>

<li><a href="#">Informatyka</a></li>

</ul>

<li><a href="#">Gimnazjum<!--[if IE 7]><!--></a>

<ul>

<li><a href="#">Nauczyciele</a></li>

<li><a href="#">Przedmioty</a></li>

<li><a href="#">Rozklad zajec</a></li>

<!--[if lte IE 6]></td>

</li>

</div>

<div id="poletekstowe">

<ul id="tekst">

<li><a><b>Gmina Harasiuki</b> (do 1954 gmina Huta Krzeszowska) - gmina

wiejska w województwie podkarpackim, w powiecie niżańskim. W latach

1975-1998 gmina położona była w województwie tarnobrzeskim.

</body>

</html>

Link do komentarza
Udostępnij na innych stronach

prawdopodobnie chodzi o brak spacji między dwukropkiem, a wartością (np: margin:100px). IE jest czepialski nawet na takie szczegóły. Jak się jeszcze mogę spytać: co to jest: "#menu li:hover > ul" ? W CSS 2 się jeszcze nie spotkałem. Jeśli to element CSS 3 to przykro mi, ale IE z CSS 3 sobie nie radzi :)

Link do komentarza
Udostępnij na innych stronach

Gość Dzonzi

Nie wiem co to jest ten hover bo to nie ja pisałem :)

To jak to zrobić aby działało ? Plx pomocy !

Link do komentarza
Udostępnij na innych stronach

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Gość
Odpowiedz...

×   Wkleiłeś treść z formatowaniem.   Usuń formatowanie

  Only 75 emoji are allowed.

×   Twój link będzie automatycznie osadzony.   Wyświetlać jako link

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Wczytywanie...
×
×
  • Utwórz nowe...