nicht angemeldet
ansicht im Internet Explorer:
http://img242.imageshack.us/my.php?image=imieyw4.png
Der IE benutzt für den Listenrand den Außenabstand margin, Firefox stattdessen den Innanabstand padding. Setze zusätzlich padding-left auf 0, dann hockt das Menü auch im Firefox am linken Fensterrand.
Tipp am Rande: Installiere in deinem Firefox die Erweiterung Firebug. Damit kannst du ohne ständiges Neuladen der Seite CSS-Eigenschaften direkt im Browser ausprobieren bzw. Fehler korrigieren.
Zuerst ergänzt du in deinem CSS mal (da es eine generelle Deklaration ist, empfiehlt es sich, diese ziemlich am Anfang
zu schreiben)
ul {
margin: 0;
padding: 0;
}
>
> um die (unterschiedlichen) browsereigenen Angaben unwirksam zu machen und einen gemeinsamen Bezugspunkt zu erreichen.
Finde ich so generell etwas unklug, weil damit die Listenpunkte \_sämtlicher\_ Listen links über den normalen Textrand hinausfallen,
statt so: sieht es dann so aus:
Textgrenze hier Textgrenze hier
| |
Blafasel Blafasel
\* Punkt 1 \* Punkt 1
\* Punkt 2 \* Punkt 2
\* Punkt 3 \* Punkt 3
Blafasel Blafasel
Wenn man deswegen hinterher die Hälfte wieder korrigieren muss, kann man's auch gleich bei spezifischen Angaben belassen, d.h. nur beim betreffenden Menü margin = padding = 0 setzen.
Zumindest aber sollte man sich dieser Nebenwirkung bewusst sein.