molily: IE5.0 ignoriert padding-left

Beitrag lesen

Ich möchte eine Liste für die Navigation mit Hintergrundbildern als Listzeichen machen, siehe http://css.maxdesign.com.au/listamatic/vertical14.htm.

#navcontainer1 ul li a  {padding-left: 15px;}
Leider ignoriert der das padding-left und das Bild liegt unter dem Linktext.

MSIE 5.x ignoriert padding bei Inline-Elementen. Es wird so also nicht funktionieren. Eine Umformatierung der Links zu display:block brächte wieder andere Schwierigkeiten (width:99%; löst da bspw. ein gängiges Problem im MSIE 5.x, siehe auch die anderen Listamatic-Listen, die wirklich im MSIE 5.x funktionieren, z.B. Ingo Turskis sowei ich mich erinnere).

Unter http://www.swolfgang.de/test/ gibts meine Umsetzung zu sehen, bei der noch ein anderer Effekt auftritt: bei Opera und Mozilla wird unter der Fußzeile des Mittelteils ein weißer Bereich angezeigt. IE zeigt ihn erst, wenn man über den untersten Link (Kurzinfo...) fährt. Weiß dazu jemand näheres? Trit das auch bei anderen IE-Versionen als 5.0 auf?

Der weiße Bereich liegt an margin: 0 0 10px 0; für .navcontainer4 ul li a. Im MSIE 6 ist er immer zu sehen. Mit margin:0; verschwindet er.