4
Abstände in UL Liste bei IE größer als beim FF, somit UL Liste unbrauchbar
Ich habe eine UL-Liste im Navigationsmenü gemacht. Mit Firefox und allen anderen browser funktioniert es auch weunderbar, nur der IE meckert mal wieder. Beim IE kann man nicht in der Liste navigieren, weil die Liste in jedem Abstand zwischen zei Untermenüpunkten wieder zuklappt.
Hier die Seite: http://www.seglerheim-langeoog.de
Hier der CSS-Code:
Hat jemand eine Idee?
Hier die Seite: http://www.seglerheim-langeoog.de
Hier der CSS-Code:
ul#main-nav {font-family:Verdana, Lucida, Sans-Serif; Font-Size: small; Font-Variant: normal; Font-Weight: bold;;margin:0;padding:0;float:left;width:100%;font-size:0.7em;}
ul#main-nav li {margin:0;padding:0;list-style:none;float:left;margin:0 0.3em 0 0;width:9.5em;}
ul#main-nav li a {text-decoration:none;display:block;padding:0.3em 0.7em;border:0px solid silver;color:#008;background:#fff;}
ul#main-nav li a:hover, ul#main-nav li a:focus {border:0px solid gray;color:#000;background:#efefef;}
ul#main-nav li ul {padding:0;display:none;}
ul#main-nav li:hover ul {display:block;}
ul#main-nav li ul li {float:none;}
ul#main-nav li ul li a {font-size:0.8em;}Hat jemand eine Idee?
Auf Facebook teilen
Auf Twitter teilen
Auf Reddit teilen
Auf Linkedin teilenBitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 110118
Url: https://administrator.de/contentid/110118
Ausgedruckt am: 22.11.2024 um 22:11 Uhr
4 Kommentare
Neuester Kommentar
Moin,
welcher IE? Habs gerade mit IE 6 SP1 und FF 3.05 probiert, die Ansicht ist in beiden Fällen identisch.
Gruß J
chem
welcher IE? Habs gerade mit IE 6 SP1 und FF 3.05 probiert, die Ansicht ist in beiden Fällen identisch.
Gruß J
chem
Also diese "nach-rechts-Verschiebung" kriegst du weg wenn du margin und padding von ul auf 0px setzt...
Ich rege mich auch immer wieder darüber auf: Die Abstände bekommst du weg in dem du die li's direkt hintereinander schreibst, denn der IE will die Leerzeichen (welche zu einem zusammengefügt werden) darstellen. Daher hast du immer nen Abstand drinn...
also statt
machst du
Mfg
Chaos
PS: Man muss für den IE immer alles extra machen... Das nimmt mir meistens die Lust etwas zu programmieren bzw. es kompatibel für den IE zu machen...
Ich rege mich auch immer wieder darüber auf: Die Abstände bekommst du weg in dem du die li's direkt hintereinander schreibst, denn der IE will die Leerzeichen (welche zu einem zusammengefügt werden) darstellen. Daher hast du immer nen Abstand drinn...
also statt
<li>foo</li>
<li>bar</li><li>foo</li><li>bar</li>Mfg
Chaos
PS: Man muss für den IE immer alles extra machen... Das nimmt mir meistens die Lust etwas zu programmieren bzw. es kompatibel für den IE zu machen...
vielen vielen Dank, jetzt geht es
