Hallo,

ich habe bei folgender Seite ein kleines Layout-Problem in einer Tabelle.
Mozilla Firefox funktioniert natürlich wie gewünscht, aber der IE7 nicht, da er den CSS-Code für die Tabelle wohl intepretiert wie er will ^^

kuthan - test - Jan und Christoph habens geschafft

Der CSS-Code hierzu liegt unter:
http://test.kuthan.de/media/immobilien/css/list.css

Die Tabelle hat width=100%, was abzüglich des paddings von 20px auf jeder Seite eine Breite von 549px macht. Diese Breite habe ich exakt auf die Tabellenzellen (einmal mit 15px padding-left) verteilt und denke daher zeigt es der MF auch korrekt an.

Kann es sein, dass der IE7 das irgendwie anders interpretiert sprich die 100% auch als 589px wertet + padding und sich daher alles verschiebt!??!
Bin bei den Unterschieden bei Tabellenlayouts zwischen MF und IE nicht so ganz firm und wäre dankbar, wenn da jemand Lösungsansätze hat.

Wie man sieht ist im IE7 auch der Abstand oben und unten größer, wodurch sich auch die Positionierung des Textes verändert.

Wäre super, wenn mir da jemand auf die Sprünge helfen könnte.
Dankeeee!!

P.S. im IE6 ist noch 3px margin-Bug aber der ist mir bekannt.

Das Problem scheint nicht an der Tabelle zu liegen, sondern an dem margin-left des umgebenden Divs. Setzt man das Kleiner, dann passt es auch im IE. Hab nur im IE 6 getestet, da ich hier keinen IE 7 oder 8 habe.

Ja das ist das IE6 3px margin Problem bei floats und mir durchaus bekannt.
Ich meine aber die Darstellung innerhalb der Tabelle. Also innerhalb der grauen Bereiche.

Ich sehe weder graue Bereiche noch einen Unterschied in der Darstellung ?

Meine Stand-alone Version IE7 (neben dem IE8 ) zeigt keine Unterschiede.
Ist der Thread noch aktuell?

Versuch doch mal zunächst die vielen Leerzeichen zwischen den Tabellenelementen zu entfernen. Das sind wirklich viele

__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte

Verdammt das war der falsche Link!!

kuthan - test

Das ist der richtige!!

Die Leerzeichen entstehen durch die Template-Syntax.
Ist ein CMS.

Dir ist schon klar, dass beim CSS Boxmodel alle Werte dazu gerechnet werden? Sprich, eigentlich ist deine Tabelle "über" 100% groß und dadurch rein zufällig, wie ein Browser diese nun darstellt - mal davon abgesehen, dass man äußere Abstände für eine Tabelle (browserübergreifend) nur mit margin erreicht?

__________________
“My software never has bugs. It just develops random features ...”

» DevShack - die Website des freien Webentwicklers Boris Bojic

Das ist mir schon klar.
Ich dachte aber, dass die 100% automatisch abzüglich padding sind.

Das erklärt aber nicht die Abstände oben und unten im IE ^^

Da hast du falsch gedacht. Nimm das padding mal komplett raus, dein Problem müsste dann weg sein.

__________________
“My software never has bugs. It just develops random features ...”

» DevShack - die Website des freien Webentwicklers Boris Bojic