nicht angemeldet
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