Vertikale Ausrichtung von divs, die float verwenden
-
Hallo,
viele CSS-Freunde kennen vielleicht das Problem: Man hat irgendwo in seinem älteren HTML-Code eine Tabelle für ein Layout-Problem und möchte diese nun durch moderneren HTML-Code ohne Tabellen ersetzen. Man setzt dann möglicherweise den ersten div auf float:left und den zweiten auf float: right und macht für die folg. Elemente evtl. noch ein clear:both o.ä.., je nach Layoutwunsch.
Nun ist bei mir schon häufiger das Problem aufgetreten, das die vertikale Ausrichtung der beiden Teile dann nicht mehr ganz passt. Diese habe ich dann meist mit margins (seltener auch paddings) oder durch setzen der height angepasst und in einem Browser getestet. Nimmt man dann einen anderen Browser, passt es aber dann wieder nicht so ganz.
Gibt es eine Möglichkeit die vertikale Ausrichtung so zu steuern, dass sie in allen Browsern (oder zumindet IE 6,7,8, FF 3, Safari) identisch dargestellt wird?
-
was meinst du mit der vertikalen ausrichtung reden wir jetzt von einer tabellen darstellung oder von einem design das mit tabellen gemacht wurde?
Es gibt 2 varianten float model und das box model um seiten zu gestalten.
vielleicht hilft dir das etwas weiter
http://www.positioniseverything.net/ordered-floats.html#float-model
http://www.positioniseverything.net/floatmodel.htmlps: ohne hax kommste da nicht weit das überall annähernd gleich darzustellen