Ich habe ein Layout, das in Webkit-basierten Browsern einwandfrei funktioniert, aber im Internet Explorer und Firefox ist die vertikale Ausrichtung ausgeschaltet. Das einfachste Beispiel für den Code ist:
Sie werden feststellen, dass das # content2-Div relativ zu den Divents # content1 und # content3 hochgedrückt ist. Ich habe einen relativ starken Grund, die Inline-Blöcke über Floats in dieser Situation zu verwenden, aber wenn die einzige "Lösung" darin besteht, zu Floats zu wechseln, muss ich damit weitermachen, aber ich würde es lieber vermeiden, wenn möglich, da derzeit die Zeit für unseren Pilotversuch kurz ist, auf lange Sicht könnte das Layout auf Floats verschoben werden.
Außerdem habe ich versucht, mit Rändern und Paddings zu versauen, ohne Erfolg. In diesem Chaos habe ich festgestellt, dass es das Vorhandensein von Überlauf ist: versteckt in # content2, die diese Linie-break-esque Verzerrung verursacht.
Jede Hilfe sehr geschätzt.
Für inline-block Normalerweise gebe ich vertical-align:top an, um vertikale Ausrichtungsprobleme zu vermeiden. Und beachte, dass es horizontale Lücken zwischen den Geschwister-Divs gibt, die einen Inline-Block haben, der nur behoben werden kann, indem der Literal-Whitespace im HTML gelöscht wird.
Und ich hoffe, Sie verwenden einen Doctype.
Ich hoffe, das hilft, sonst bitte richten Sie eine Datei ein, damit ich das visuell sehen kann.