nicht angemeldet
3 DIV Elemente gleicher höhe machen
Hallo!
Habe schon länger das Problem, dass ich 3 nebeneinander befindliche Div-Elemente nicht gleich hoch machen kann!
In dem linken Div-Element befindet sich ein Navigationsmenü, im rechten Div-Element eine Newsseite.
Da beide eine Hintergrundfarbe haben müssen sie mindestens height:50% haben und ansonsten genau so lang sein wie das main-div in der Mitte wo der Text drinnen stehen soll.
(Da ich das ganze in Typo3 gemacht hab kann ich die Navigationsdivs nicht so leicht in ein ul oder so ummodeln. die 3 Divs sollen so bestehen bleiben)
Hat irgendjemand eine Idee wie das gehen soll?
Danke
-
Hallo!
Habe schon länger das Problem, dass ich 3 nebeneinander befindliche Div-Elemente nicht gleich hoch machen kann!
Du meinst, dass sich die 3 DIVs, abhängig vom Inhalt immer automatisch am Höchsten orientieren sollen!?
In dem linken Div-Element befindet sich ein Navigationsmenü, im rechten Div-Element eine Newsseite.
Das ist für dein Anliegen irrelevant.
Da beide eine Hintergrundfarbe haben müssen sie mindestens height:50% haben
Was hat die Hintergrundfarbe mit einer (Mindest) Höhe zu tun!? Und was spricht wenn gegen min-height: 50%; ?
und ansonsten genau so lang sein wie das main-div in der Mitte wo der Text drinnen stehen soll.
Was, wenn eins der seitlichen DIVs höher ist, als das in der mitte?
Hat irgendjemand eine Idee wie das gehen soll?
Mittels einer CSS-Tabelle ginge das vermutlich am einfachsten.
Siehe: http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display
Beispiel: http://www.456bereastreet.com/lab/equal_height_ii/Diese Methode funktioniert eigentlich in allen modernen/ aktuellen Browsern. Natürlich nicht in den IEs! Dort hilft nur eine bspw. Javascript basierte Lösung.
Gruß Gunther
-
sehr nett ... ich sag mal vielen dank ;)
-