Hallo zusammen,
Mit ist gestern an einer von mir laienhaft betreuten Webseite ein
gravierender Unterschied in der Darstellung von Listen <ul> + <li> im IE
im Gegensatz zu FF/Opera aufgefallen.
Anlass war, dass mir der Einzug bei FF viel zu groß erschien, daraufhin
habe ich per css dem ul Element eine negative margin-left verpasst und
es sah so aus wie gewollt. Als ich die Seite dann zufällig mit dem Avant
Browser (IE Engine) öffnete und dann auch mit IE9, war die ganze Liste
über den linken Rand hinaus verrückt.
Wer hat einen Tipp für mich, wie ich das einstellen kann, dass bei
Mozillen der Einzug der <li> Elemente wesentlich geringer wird und bei
IE so als ob gar nichts für margin angegeben wird.
Derzeit ist keine Angabe für margin bei <ul> und <li> gemacht, das sieht
dann im FF und IE gleichermaßen doof aus.
Zum Angucken
http://www.lofer-rennen.de/links.htm. Besonders stört mich
das bei der Liste im rechten Randbereich, die soll eigentlich
linksbündig gerade unter dem Wettergadget und über der Webcam sitzen.
Der graue Hintergrund ist zur Illustration dem <ul> Element zugewiesen,
d.h. die Aufzälungspunkte der Liste werden links außerhalb dargestellt.
Zur Probe gerade mal bei <ul> margin-left:auto gesetzt, da verschwindet
zumindest im FF dieser "Dreckeffekt"; aber linksbündig wird es eben
nicht.
Bei einem Test mit Opera fiel mir dann noch auf, dass dort keine
verschiedenen Symbole für die 3 Listen Ebenen angezeigt weren. Aber das
ist eigentlich unerheblich.
über den entscheidenden Tipp würde ich mich sehr freuen
mit sportlichen Grüßen
Gert