|
|||
2 Div Container, unten anordnen, keine feste Höhe
Hallo zusammen,
ich bräuchte kleine Tipps bzw Anregungen wie ich folgendes Problem lösen kann: Zwei Container, der rechte soll eine feste Höhe und eine feste Breite haben. Soweit sollte ich das allein schaffen Der rechte Container soll am unteren Rand des linken Container angeordnet werden. Sobald im rechten Container mehr Inhalt ist, soll die Box zuerst nach oben zum oberen Rand des linken Containers erhöht werden und sobald dieser erreicht ist soll der Container über den unteren Rand hinaus des linken Containers vergrößert werden.. sodass der rechte Container in der Höhe nicht festgesetzt ist und sich immer erhöht. Hat da wohl jmd. ne Idee wie und ob man sowas mit CSS lösen kann? MfG, Hausmeista |
Sponsored Links |
|
|||
So ungefähr: (nur schnell ungetestet heruntergehackt)
Code:
#aussen { position: relative; } #links { min-height: xxx; /* Höhe von Rechts, übliche Hacks für IE verwenden */ width: 50%; /* Oder was anderes, aber Breite links + Breite rechts muss der Breite aussen ergeben */ } #rechts { height: xxx; width: 50%; /* Oder was anderes, aber Breite links + Breite rechts muss der Breite aussen ergeben */ position: absolute; bottom: 0; right: 0; } <div id="aussen"> <div id="links"></div> <div id="rechts"></div> </div> |
Sponsored Links |
|
|||
Danke erstmal für die schnelle Antwort.
Leider wird der rechte Container bei mehreren <br>'s über den oberen Rand des linken Container vergrößert.. und nicht wie gewollt nach unten Hier nochmal ein (ich hoffe) etwas besseres Bild zu meinem Problem. Geändert von Hausmeista (07.06.2006 um 10:34 Uhr) |
|
|||
Ah, ok, ich hatte so verstanden, das Rechts immer eine feste Höhe hat. Sowas ist mit CSS wahrscheinlich gar nicht möglich, da es bei CSS ja keine "Wenn-Dann"-Logik gibt. Höchstens mit JavaScript-Einsatz.
Kannst Du vielleicht den tieferen Sinn erklären? Vielleicht wären Alternativen denkbar. Robin |
|
|||
Hallo,
im linken Container wird ein Bild mit fester Höhe/Breite geladen. Im rechten Container wird dann der "Content" geladen welcher von der Höhe natürlich varriiert ist. Solange der Content rechts nich die Höhe des linken Containers erreicht soll dieser unten angeordnet werden. In einer Tabelle würde man einfach "vertical-align:bottom;" angeben. Sobald mehr Text hinzugefügt wird und der obere Rand erreicht ist dehnt die Tabelle sich auto. nach unten aus. Sollte doch mit CSS ohne Tabellen realisierbar sein? |
|
|||
Geht ja wohl
Beides die selben Tabellen.. Tabelle 1 mit wenig Inhalt, Tabelle 2 mit übermäßig viel Inhalt.. mehr war nicht angedacht, hört sich nur so kompliziert an ^^ |
|
|||
Du liebe Zeit. Aber du hast recht. Dann geht es ohne Tabellen im IE nicht (und Browsern, die display: table-... nicht unterstützen)
Jedes Tabellen-Layout kann im Zweifelfall mit display: table-... nachgebaut werden. Robin |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Anfängerfrage: Zentrierung in Galerie und Border-Problem | goldbeere | CSS | 3 | 04.11.2013 20:07 |
Container horizontal und vertikal zentrieren ohne feste höhe | axelf | CSS | 7 | 14.08.2011 19:41 |
div container automatische höhe | Kohler | CSS | 1 | 29.06.2011 23:18 |
IE div höhe und overflow | tintifax | CSS | 1 | 06.08.2008 13:38 |
Höhe von umgebendem DIV | vistree | CSS | 2 | 02.08.2007 12:00 |