3 Spalten immer gleich hoch. Wie mach ich das?
Liste der Anhänge anzeigen (Anzahl: 2)
Liebe CSS-Gemeinde.
Ich bin an einer grösseren CSS-Knacknuss.. bin eigentlich schon sehr weit aber ein wichtiges Detail fehlt noch. Teilauszug aus dem CSS: Code:
#inhalt_kopf_3sp { Code:
<div id="inhalt_grund"> Es hat 3 Spalten, und diese 3 Spalten müssen immer gleich hoch sein. Also wenn in der ersten Spalte 5 Zeilen und in den anderen beiden Spalten nur 2 Zeilen stehen, dann müssen alle so hoch sein wie die erste Spalte. Im Moment liegen die 3 Spalten schöne nebeneinander, allerdings wird die Ebene (inhalt_hg_3sp) die diese 3 Spalten umschliesst nicht angepasst bzw. höher gemacht. Aussehen müsste es wie im Bild css-bild2.jpg. Vielen Dank für eure Tipps. PS: das hässliche blau habe ich nur gemacht, damit man die Ebene besser sieht... ;) |
such mal nach "faux columns", steht auch im XHTMLwiki (oben) unter den FAQs.
|
ich arbeite eigentlich schon mit dieser "Kacheln"-Lösung.. aber für mein Beispiel brauchts glaub noch was zusätzliches....
|
sofern die Boxen fixe Breiten haben hast Du per Kachelung schonmal den linken und rechten Rand immer passend. Eine Grafik, die etwa so aussieht
(#=rahmen, -=Farbe der Box, +=Farbe des Hintergrundes): #--------#++#--------#++#--------# Oben und unten braucht es dann ein Extra-Element mit einem Hintergrund für den Abschluss der Bögen. |
Da fehlt bei den ganzen floats eine Kleinigkeit ... clear ;)
|
Zitat:
Aber eben diese Hintergrund-Ebene wächst nicht mit. |
Zitat:
|
sicher nicht in allen Varianten sonst wäre dieser Thread nicht da ;)
Du musst, wenn Du "clearfix" benutzt (siehe meine Sig), dem Element diesen CSS-Code zuweisen, welches floatierte Elemente beinhaltet. Dabei auch den Starhack für den IE nicht vergessen. Steht alles in Ulles Codebeispiel unter dem Link in der Signatur. |
Alle Zeitangaben in WEZ +2. Es ist jetzt 16:14 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023