Listenpunkte im IE9

[moppi]

Hallo allerseits,

ich habe folgendes Problem. Im IE9 und 10 rücken die Listenpunkte an den Rand (siehe1.Bild). Normal soll das aber wie im 2.Bild aussehen (Firefox). Hat jemand eine Idee, wie ich die Punkte auch im IE rechts neben das Bild bekomme?

Gruß und Dank, Moppi

Ansicht IE9+10

Ansicht FF


Und hier noch

 

[noltehans]

Hi moppi,

#main ul {
float: left;
list-style-type: square;
width: 475px;
}

 

[moppi]

Hall noltehans,

danke für deine Antwort, allerdings sieht das dann so aus:



Gruß und Dank, Moppi

 

[noltehans]

Bei mir passt es?

Mach width: kleiner

 

[moppi]

Hallo noltehans,

mit einer geringeren width passt es, nur das dann auch alle anderen Listen dieser Website betroffen sind. Ich kann natürlich auch der Liste auf dieser einzelnen Seite eine Klasse geben und alles wäre i.O. Viel lieber wäre mir aber ein Conditional Comment, um dieses Problem generell zu lösen.

Gruß und Dank, Moppi

 

[noltehans]

Nimm eine Klasse, dafür sind sie da.

Conditional Comments halte ich für überflüssig, da nicht immer ein Bild links neben der Liste steht und du Listen vielleicht auch einmal mittig setzen möchtest.

 

[moppi]

Vielleicht hat ja noch jemand anderes eine Idee. Muss ja einen Grund haben, warum das nur im IE9+10 so ausschaut. Ab IE8 abwärts sitzen die Punkte ja auch da, wo sie sitzen sollen.

Gruß und Dank, Moppi

 

[afr0kalypse]

das scheint ein klassisches box-model problem in verbindung mit float:left zu sein...
http://de.wikipedia.org/wiki/Box-Modell-Fehler_im_Internet_Explorer
weiterführende infos dazu wirst du bestimmt ergooglen

 

[moppi]

Hallo afr0kalypse,

in diesem Artikel werden Probleme mit der Weite in älteren Explorer-Versionen beschrieben - das trifft für mich nicht zu. Mein Problem tritt in IE9+10 auf - ab IE8 abwärts funkt ja alles bestens und auch eine Weite ist für ul nicht vorgeben.

Hat noch jemand eine Idee?

Gruß und Dank, Moppi

 

[Myhar]

Hier findest du unterschiedliche Lösungsvorschläge.