nicht angemeldet
Abstand zw. Listenelement
Hallo zusammen,
Arbeite zur Zeit an der folgenden Internet-Seite:
http://www.zhwin.ch/~sturzyve/ehcs
Nun bin ich auf ein Problem gestossen bei erstellen des Navigationsmenüs (links unten).
Das Navigationsmenü erstelle ich mit <li>-Elementen die ich im CSS definiert habe. Nun kriege ich aber zwischen den einzelnen Listen-Elementen immer einen kleinen Abstand (ca. 1px) der aber nur im IE zu sehen ist. Im Firefox wird alles wunderbar angezeigt.
Womit hängt das zusammen?
Besten Dank für die Hilfe,
Yves
-
Hi,
Womit hängt das zusammen?
mit den Whitespaces zwischen den Listenelementen, mit denen der IE nicht umzugehen vermag.
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes-
Hi,
Womit hängt das zusammen?
mit den Whitespaces zwischen den Listenelementen, mit denen der IE nicht umzugehen vermag.
Cheatah
Habe aber nun alle Whitespaces gelöscht, Abstand ist aber nochher immer noch da. Oder hab ich etwas vergessen zu löschen?
-
Hi,
Habe aber nun alle Whitespaces gelöscht, Abstand ist aber nochher immer noch da. Oder hab ich etwas vergessen zu löschen?
nichts, was mir auffallen würde. Nachdem ich nun in Deinen Code gesehen habe, fallen mir verschiedene Dinge auf, die ihn teilweise sehr schwer lesbar machen:
- Was sollen diese Klassenmassen?
- Wozu die ?
- Wozu <img>-Elemente, die keinerlei Inhalt transportieren?
- Wozu diese unglaubliche Redundanz im CSS-Code?
- Warum floatest Du so viel?
- Wie um alles in der Welt willst Du es schaffen, dass der Selektor "#navigation li a:hover p" irgendwas selektiert?
Bitte behebe das zunächst einmal. Insbesondere das Eliminieren der Rumgefloaterei und der unsemantischen <img>-Elemente dürfte einige Bugs des IE nicht mehr greifen lassen. Und bitte, bitte - HTML ist *keine* Klassengesellschaft! Klassen dienen der Klassifizierung von Elementen, die sich also insbesondere von anderen gleichartigen Elementen unterscheiden müssen. Die Links der Navigation unterscheiden sich aber nicht voneinander.
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes
-
-
-
Hallo Yves,
Das Navigationsmenü erstelle ich mit <li>-Elementen die ich im CSS definiert habe. Nun kriege ich aber zwischen den einzelnen Listen-Elementen immer einen kleinen Abstand (ca. 1px) der aber nur im IE zu sehen ist. Im Firefox wird alles wunderbar angezeigt.
es dürfte ein Problem der Ausrichtung sein, mit #navigation {vertical-align:top;}
sieht es denn wohl "richtiger" aus.Grüsse
Cyx23
-
Hallo Yves,
Das Navigationsmenü erstelle ich mit <li>-Elementen die ich im CSS definiert habe. Nun kriege ich aber zwischen den einzelnen Listen-Elementen immer einen kleinen Abstand (ca. 1px) der aber nur im IE zu sehen ist. Im Firefox wird alles wunderbar angezeigt.
es dürfte ein Problem der Ausrichtung sein, mit #navigation {vertical-align:top;}
sieht es denn wohl "richtiger" aus.Grüsse
Cyx23
Hat geklappt, danke vielmals!
-