• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Navigation immer auf die volle länge Strecken.

Gimli

Mitglied
Ich habe zur Zeit folgendes Problem: Ich habe zwei spalten: Content und Sidenav. Jetzt sind diese aber immer unterschiedlich hoch. Ich möchte dass sie immer gleich hoch sind.
Hier mal der Code:
HTML:
<div id="center">
            <div id="content">
                <p>
                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
            </div>
            
            <div id="side_nav">
                
            </div>
            <div class="cl"></div>
        </div>

Und hier noch der CSS Code:

Code:
.cl {
    clear:both;
}

#side_nav {
    width:300px;
    min-height:300px;
    width:300px;
    float:right;
    position:relative;
}

#center {
    width:1000px;
    min-height:200px;
    background-color:#FFF;
    margin:0px auto;
}

#content {
    float:left;
    width:700px;
}
 
Werbung:
Hallo,
Ich würde dem center-div ein Hintergrundbild geben dass dann ein mitwachsen des kleineren Divs illusioniert.
Ganz wie hier beschrieben: Faux Colums .

Oder du fragst per Javascript ab welche Höhe das größere Div hat und setzt das andere damit gleich.
 
Das geht so leider nicht!
1. Javascript ist keine Option.
2. Das Navi Div MUSS auch wirklich so lang sein, da es für die positionierung von zwei Divs sehr wichtig ist. Ich meine mal eine weitere Variante gesehen zu haben.

EDIT: Ok ich hab jetzt den Container auf eine andere Weise platziert. Das hier jetzt darzustellen wäre zeitverschwendung und kompliziert. Trotzdem vielen Dank für die Hilfe.
 
Zuletzt bearbeitet:
Werbung:
Zurück
Oben