Hallo,

wahrscheinlich sehe ich vor lauter Bäumen den Wald nicht, aber ich habe im IE7 ein Problem, das ich nicht ohne weiteres lösen kann.

Die Testseite: IE7 Testseite

Den Seite mit dem IE7 kann man hier anschauen: IE NetRenderer - Browser Compatibility Check -

Mein Problem ist, dass das letzte span nicht floatet, bzw. in die nächste Zeile umbricht, obwohl es noch genügend Platz hat. Dieser Effekt tritt aber nur im IE7 auf.

Rausgefunden habe ich folgendes:
Setze ich bei .row das padding-left von 35px auf 0, geht es im IE7.
Setze ich bei .row das padding-left von 35px auf 27px, geht es auch im IE7. Bei 28px geht es schon wieder nicht.
Setze ich beim letzten .pr-grp die feste Breite auf 500px, bricht auch nichts um.

Was hat das mit den 8px auf sich? Warum muss ich erst 8px beim padding abziehen, damit es passt?
Ich kann leider an den padding-Werten nichts verändern und die 500px kann ich auch nicht reinschreiben, weil das alles dynamisch gesetzt wird und die Liste noch deutlich länger ist...

Welcher IE7 Bug ist das?
Im IE8 geht es wie in allen anderen Browsern ganz normal.

Viele Grüße

cg

Hallo,

deine 200 Pixel !

Gruß,
Roland

Hallo,

ja, ganz so einfach war es dann doch nicht. Ich habe eigentlich noch ein paar wichtige Informationen verschwiegen, denn im 200px breiten span.last liegt noch ein Bild, welches absolut positioniert ist. Die 200px sind somit gerechtfertigt. Ich habe mein Beispiel nun nochmal genauer angepasst: IE7 Test

Der "komische" Bug bleibt also. Ziehe ich beim padding-left: ganze 12px ab, passt es, vorher nicht. Schreibe ich da hart 500px rein, passt es auch.

Hallo,

gebe doch mal zum Testen bei .row span.last { background-color: fuchsia; hinzu.
Meiner Meinung hast du 192 Pixel zur Verfügung.

Teste selber noch mal ob das mit 192 Pixel hinhaut bei dir.
ab IE 7.

Gruß,
Roland

wie wäre es wenn du verkleinerst auf 27px
MfG