MozillaPL.org - polskie centrum Mozilli

Główne menu:

[XHTML/CSS] Błędne wyświetlanie menu w IE

Jak tworzyć strony WWW zgodnie ze standardami

Moderator: Pomocy?!

[XHTML/CSS] Błędne wyświetlanie menu w IE

Postautor: winK » 29 czerwca 2006, 13:53

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

Witam,

(temat dot. IE choc moze sie przydac tez uzytkownikom ff/mozilla, wiec prosba do modow od przedwczesne nie-kasowanie, dziekuje. )

wiec problem polega na tym: mam drop-down menu,

pod IE wyswietla tak:

Obrazek

a pod ff nie ma zadnych problemow (tak to powinno wygladac):

Obrazek

css wyglada tak:

Kod: Zaznacz cały
/* MENU */

#menu ul {
list-style: none;
margin: 0px;
padding: 0;
width: 8em;
float: left;
}

#menu li {position: relative;}

#menu ul ul {
list-style-image: url('graf/arrow.jpg');
position: absolute;
z-index: 500;
}

#menu ul ul ul {
top: 0;
left: 100%;
}


kod html:

Kod: Zaznacz cały
<ul>
  <li><h2>O nas</h2>
    <ul>
      <li><a href="http://link1.htm" title="l1">Statut</a></li>
      <li><a href="http://link2.htm" title="l2">Kontakt</a></li>
    </ul>
  </li>
 </ul>


czy ma ktos jakis pomysl? Wiem ze przegladarki roznie interpretuja marginesy i odstepy, probowalem roznych kombinacji, z gory thx za pomoc!

pozdr.
winK
 

Postautor: winK » 29 czerwca 2006, 14:21

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

wyglada na to ze chodzi o doctype, mogl by ktos przedstawic przykladowy plik DTD ?

pozdr
winK
 

Postautor: Tomek » 30 czerwca 2006, 06:46

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

Wszystkie doctype masz na www.w3.org . Ale jeśli robisz w xhtml 1.x strict to zrezygnuj z <?xml.... na początku bo IE wchodzi wtedy w tryb quirks. Poszukaj w google o quirks - powinno pomóc.

Poza tym - możliwe że IE ma jakieś swoje własne upodobania co do li - spróbuj ponadawać padding i margin 0
"Mym sojusznikiem jest Moc, i potężnym sojusznikiem ona jest." -- Mistrz Yoda
Tomek
Moderator
 
Posty: 9041
Z nami od: 19 sierpnia 2004, 06:52

Postautor: Gość » 02 lipca 2006, 10:12

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

Nie padding/margin a raczej 'display: block' z określonym 'height: xxx' dla elementu A. Można też określić wielkość fonta dla A (także 'line-height'), a dla LI - 'font-size: 0' i 'line-height: 0' dla IE.
Gość
 

Postautor: Stef » 22 sierpnia 2006, 15:52

Przeglądarka: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.0.5) Gecko/20060731 Firefox/1.5.0.5 Flock/0.7.4.1

Przenoszę do Tworzenie stron..
Czasami coś napiszę na stef.log
Stef
Moderator
 
Posty: 3466
Z nami od: 16 kwietnia 2004, 11:05

Postautor: riddle » 26 sierpnia 2006, 10:42

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

position: relative najpewniej psuje wyświetlanie, bo włącza layout dla pozycji listy.
riddle
 
Posty: 502
Z nami od: 24 maja 2004, 17:43
Lokalizacja: Łódź


Wróć do Tworzenie stron WWW

Kto jest online

Zarejestrowani użytkownicy: Baidu [Spider], Bing [Bot], Google [Bot]

Przejdź do powiązanej strony

Nawigacja:

Stopka: