IE seltsame Darstellung bei Listen

[Finanzratgeber]

Hallo,

habe ein Problem mit der Darstellung von Listen im IE 6 und IE7. Die erste Liste ist seltsamerweise immer eingerückt, die nachfolgenden sind normal positioniert.

Ich habe jetzt einfach mal die urls sowie das verwendete CSS gepostet.

Zunächst die betroffenen Urls:

www.anbieter-vergleichen.de/handytarife-infos.html
www.anbieter-vergleichen.de/photovoltaik-finanzierung.html
www.anbieter-vergleichen.de/strom.html

Hier das verwendete CSS

#maincol2 li 
{list-style-position: outside; 
padding-left: 15px; 
margin-bottom: 8px; 
background: url(../images/modules/light-arrow.png) 0 5px no-repeat; list-style:none;}

sowie für IE6 und IE7

#maincol2 ul 
{display:inline;}

Vielen Dank

 

[Finanzratgeber]

Hallo,

hat niemand eine Idee?

 

[lowsaxonian]

Moin,

einen IE 6 oder 7 habe ich leider nicht mehr, daher kann ich Dein Problem nicht reproduzieren. Aber vermutlich hilft eine Googlesuche nach "browserweiche ie6 ie7 ul li" oder ähnliche Varianten ("Browserweiche" gegen "css-hack" oder "css-star-hack" austauschen).
Der IE ist nun mal dafür bekannt, "eigene Wege" zu gehen...

Grüsse
low

 

[neuroleptika]

@ lowsaxonian
Es gibt wohl eine serverseitige Browserweiche. Im IE8 (Browsermodus IE7) wird die entsprechende css-Datei im Conditional Comment eingebunden:
http://www.anbieter-vergleichen.de/templates/rt_solarsentinel_j15/css/template_ie7.css


@ Finanzratgeber
Ich habe mir nur die erste Seite angesehen.
Ich finde dort keinen Grund warum für den IE7 die ul auf display: inline; gesetzt wurde. Entferne dieses display: inline und siehe dir alle Unterseiten an.
Wenn sich dabei herausstellt, daß dieser Hack doch notwendig ist, schreibe noch zoom:1; dazu.

Edit:
Das html enthält Fehler.
http://validator.w3.org/