IE6 und 7 zerlegen mein Layout

[Hannes]

Hallo,

IEs kleiner als 8 stellen die Elemente auf dieser Seite unter- statt nebeneinander.
der 6er sogar zusätzlich noch die Streubilder im linken Bereich. Was mach' ich falsch?

als erstes könntest du erklären, welche Elemente du überhaupt meinst.

Unter der angegebenen URL finde ich zwei Frames. Ich vermute mal, die meinst du nicht.

Auf der insgesamt angezeigten Seite springen mir lauter große Elemente entgegen (div.sliderfeld, "Zu den Produkten", "Persönlich für sie da", etc), die untereinander liegen. Breit wie die sind, 1000 Pixel nämlich deiner Angabe nach, sollen sie das doch sicher auch tun. Die meinst du also vermutlich auch nicht.

Vielleicht die kleinen Menüelemente oben? Eventuell verschlucken sich die IEs an deinem "display:inline-block" oder "display:table-cell"? Du setzt auch haufenweise width und height zusammen mit padding und margin ein. Damit kann zumindest der IE 6 nicht umgehen, bei seiner Art sich zu verrechnen, poltert da gerne mal was durcheinander.

Streubilder? Was sind Streubilder? Einen linken Bereich erkenne ich auf der Seite überhaupt nicht. Es gibt oben das Menü und darunter die Hauptelemente. In den Hauptelementen gibt's links was, aber nur ein wohlplatziertes Bild, keine wahllos reingestreuten Bilder.

Wie dem auch sei, ganz grundsätzlich: Wenn du für olle Kamellen wie den IE 6 schreiben musst, dann nimm doch anständiges, konsequentes Tabellenlayout und nicht so einen Mischmasch aus Tabellen und CSS. Du kannst dem IE 6 kein ordentliches CSS beibringen, also lass' es einfach. Hier und da Farbe und Schriftarten, runde Ecken meinetwegen auch, aber ansonsten bringt so ein undurchsichtiger Kram aus Alt und Neu nix als Ärger. Punkt. Ende. Aus.

Mit Tabellenlayout können so ziemlich alle Browser umgehen, das ist nichts Schlimmes, das muss dir unter dieser Prämisse nicht peinlich sein. Bei den Hippstern gewinnst du damit natürlich keinen Blumentopf, aber die müssen in dem Tabellen-/CSS-Wust ja auch nicht die Fehler suchen.

Schönen Abend, Hannes.