nicht angemeldet
Immer gleiche Höhe dynamischer Spalten
Hallo Zusammen,
ich stehe vor einem Problem, zu dem ich mir hier eine Lösung erhoffe.
Folgendes:
Die Webseite soll im Aufbau einer Zeitung ähneln. Z.B. soll sie 3 Spalten besitzen. Diese 3 Spalten sollen aber IMMER die gleiche Höhe haben - auch bei unterschieldich viel Inhalt.
Kennt ihr hierzu eine Möglichkeit?
min-height fällt weg, da der Inhalt der Spalten wie schon erwähnt, oft sehr wenig und oftmals sehr viel sein kann - das ist für den min-height Befehl zu viel Spiel, als das es dynamischer funktionieren könnte.
Ich hoffe mein Anliegen ist einigermaßen verständlich.
Danke schon im Vorraus, wäre super wenn mir da Jemand unter die Arme greifen könnte.
Grüße!
-
Hallo,
Wenn du den IE7 nicht beachten musst dann könntest du es mit display: table-cell; machen
<!DOCTYPE html> <title>Test</title> <style type="text/css"> [code lang=css] div, article, aside { display: table-cell; } div { background: red; } article { background: green; } aside { background: yellow; }</style>
<div>A sidebar</div>
<article>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit
esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident, sunt in culpa qui officia deserunt mollit anim
id est laborum.
</article>
<aside>Aside</aside>[/code]Jeena
