[sascha.koerber]

Hallo liebe CSS-Freunde,

ich versuche mich verzweifelt daran, ein simples CSS Layout zu erstellen, das ohne Tables auskommen soll, damit ich bei Änderungen flexibel bleibe. Soweit funktionert dieser Teil meines Layouts auch recht gut. Zumindest Firefox 2.x rendert alles ohne Probleme. Seltsamerweise macht der IE6 wieder etwas ganz anderes daraus, und ich verstehe nicht warum.

Schaut Euch doch einmal folgendes in IE6/7 bzw. Firefox an:

http://www.autobach.de/autobach.de/templates/autobach

Warum würfelt mir der IE das so durcheinander? Lt. CSS-Referenz sollten sie die Objekte immer an dem übergeordneten Objekt per "float" ausrichten lassen (was ja im Firefox funktioniert). Was muss/kann ich tun, um das im Internet Explorer auch passend zu bekommen?

Ich habe schon ein wenig gegoogelt, aber finde eigentlich nur Seiten die nicht genau mein Problem behandeln. Wer hat einen Tipp bzw. Surftipp für mich, der mir weiterhelfen könnte?

Vielen Dank für Eure Antworten.

[seal]

http://www.perun.net/2004/07/04/fehlverhalten-von-ie-im-boxmodell/

[sascha.koerber]

Hallo,

vielen Dank für die Antwort. Eine prima Seite muss ich sagen.

Leider hilft mir das nicht bei meinem Problem weiter. Mein Problem sind nicht die fehlerhaften Darstellungen von border und padding, sondern schlicht und einfach die Ausrichtung der DIV's an einem übergeordneten Objekt. Oder hängt das irgendwie zusammen und ich erkenne es nur nicht?

Korrekte Darstellung in Firefox 2.0:

http://www.autobach.de/autobach.de/templates/autobach

Inkorrekte Darstellung (trotz korrekter XHTML-Deklaration) in IE6:

http://www.autobach.de/autobach.de/templates/autobach

Zugehöriges CSS Listing:

http://www.autobach.de/autobach.de/templates/autobach/css/template_css.css

Hat hier jemand evtl. eine ähnlich gute Seite wie die bereits oben genannte, die das Problem erklärt? Oder woran liegt es in meinem Fall, dass die Boxen nicht ineinander/nebeneinander (floated) dargestellt werden?

Btw: wenn man manche Lösungsansätze sieht, fragt man sich doch, ob es nicht Sinn macht, das Ganze wieder fallen zu lassen und doch auf Tables zu setzen. Da fragt man sich doch - berechtigter Weise - WARUM tun die Jungs von MS sowas? Warum hält man sich nicht schlicht an den Standard und Ende? Will man Einfluss auf den Standard nehmen (sprich: seine starke Position ausnutzen?) oder einfach nur gegenarbeiten. Für mich ist sowas unbegreiflich. Noch unbegreiflicher wird es, wenn man weiss, das selbst in neueren Versionen des IE diese Fehler noch vorhanden sind. Da unterstelle ich doch einfach mal... Absicht? *sigh*

[buff-daddy]

Was machst du dir so einen Stress? Baue einfach eine Browserweiche ein und gut ist.

http://aktuell.de.selfhtml.org/artikel/css/browserweiche/

[sascha.koerber]

Interessant... Hm...

Ehrlich gesagt, bei allem was ich da so lese mit 10.000 Hacks und Tricks und gedingens werde ich schlicht folgendes tun: ich baue das Template mit Tables auf und formatiere diese per CSS. Fertig. Auf diesen ganzen Weichenkram hab ich schlichtweg keine Lust. Vielleicht befasse ich mich mal mit reinem CSS Layout, wenn sich die Herren mal entschieden haben, einen Standard zu befolgen.

Schon sehr schade, das man so sinnvolle Möglichkeiten kaum nutzen kann weil jeder sein eigenes Süppchen kochen muss. Für so nen Firlefanz hab ich einfach keine Zeit.

[therapiekind]

Das Problem sind die HTML-Kommentare. Siehe hier.

[sascha.koerber]

Hm. Ok, das wäre ja noch etwas, was ich verschmerzen könnte. Ich probiere es mal aus. Ansonsten werde ich halt tatsächlich Tables benutzen. Vielen Dank für den Hinweis. Ich hoffe das hilft.

[seal]