|
|||
Zwei Divs in äußerem mitwachsen lassen
Hallo alle zusammen!
Es geht darum, dass ich zwei div's innerhalb eines anderem habe. Das innere div hat eine feste Breite und eine min-height. Die beiden inneren div's haben ebenfalls eine min-height und feste Breite. Das eine innere div soll links angeordnet sein und quasi als Navigation dienen. das zweite, rechte ist für den Inhalt. Mein Problem nun ist, dass ich vorher nicht weiß wie hoch die inneren div's werden, und das äußere mitwachsen soll. Das nebeneinander Anordnen funktioniert perfekt mit float-Angaben. Allerdings nur solange, bis eines der inneren div's die Größe des äußeren übersteigt. Ist ja bei den float-Angaben eigentlich auch klar. Wenn ich display: inline-block benutze ist es zwar auch nebeneinander, allerdings von der Hoehe so versetzt, dass der rechte Div auf der Höhe anfängt, wo der linke div seinen letzten Link der Navigation stehen hat. (Ich benutze unordered lists um mehrere Navigationselemente einzufügen.) Hier auch noch mein CSS: Code:
#content { /* this is the outer div */ width: 1150px; min-height: 700px; background-color: rgb(255,255,255); margin: 200px auto; margin-bottom: 20px; padding: 10px; } .inhaltmitnavi { /* this is the left inner div */ width: 800px; min-height: 700px; float: left; background-color: rgb(255,255,255); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-top: 3px solid black; border-right: 3px solid black; border-bottom: 3px solid black; padding-bottom: 10px; } .unternavi { /* this is the right inner div */ width: 350px; min-height: 700px; float: left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border: 3px solid black; font-family: impact; font-size:25px; } Code:
<div id="content"> <div class="unternavi"> <ul> <!-- Navieinträge --> </ul> </div> <div class="inhaltmitnavi"> Inhalt </div> </div> Geändert von Daispro (29.12.2014 um 15:49 Uhr) |
Sponsored Links |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Script nur für Inhalt eines bestimmten DIVs | Kipperdesign | Javascript & Ajax | 8 | 11.02.2013 14:03 |
DIVs wollen nicht in Container | Echnotron | CSS | 4 | 22.02.2012 09:46 |
n Div's in eine Zeile | Mustangore | CSS | 9 | 20.08.2009 16:19 |
Leidiges Thema: 2 Divs sollen mitwachsen | ChOpSueY! | CSS | 3 | 14.12.2007 17:03 |
Divs nebeneinander, aber mittig | RomanM | CSS | 2 | 24.10.2007 07:32 |