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

div der Höhe anpassen

lucarp

Mitglied
Hallo,

Ich habe ein Layout umgesetzt und nun ein kleines Problem mit der höhe des Navi divs.

Ich möchte, dass das Menu div immer die Höhe vom Content Div annimmt.

Aber es funktioniert nicht so wie ich will.

HTML:
<body>

 <div id="wrap">
    
        <div id="header">
        </div>

        
        <div id="main">
        
            <div id="content"></div>
            
            <div id="right"></div>
        
        </div>
        
        <p class="clear"></p>
        
        <div id="footer">
        
    </div>
    
  
</body>

Code:
#main {
    width:100%;
    height:auto;
    background:#c0c0c0;
}

#content {
    width:600px;
    height:auto;
    min-height:300px;
    float:left;
    padding:40px 40px 40px 100px;
    color:#b3518e;
    text-align:justify;
    font-size:0.9em;
}

#right {
    width:160px;
    height:100%;
    float:left;
    background:#f39f66;
}
 
Also was mir als erstes auffällt, mach lieber einen <div class="clear"></div> rein, anstatt einen <p>. Und jetzt sag erstmal, wie die zwei Divs floaten. Sind die übereinander? Nebeneinander? Übereinander? Wie es scheint sind die Divs nebeneinander, aber das ist nicht eindeutig. Wenn sie aber nebeneinander sind, und du dem Div #content als Höhe auto gegeben hast, dann gib #right doch auch einfach die Höhe auto...
 
Okay vielen Dank

habe das jetzt mal so gemacht

Nur aus Interesse: kennt jemand einen ansatz bei dem wirklich das div auf die richtige höhe gebracht wird? und es nicht nur so erscheint?

@Timmer
die divs liegen nebeneinander.

grüße
und vielen Dank
 
Du könntest natürlich beiden Div's den gleichen height-Wert zuweisen. Der müsste dann allerdings jedesmal angepasst werden, wenn sich der Inhalt ändert und wäre dazu noch für unterschiedliche Seiten individuell anzupassen.
Somit ist das keine praktikable Lösung.
Außer Faux-Columns ist mir nichts bekannt.

Einzige Möglichkeit (erwähne ich aber nur der Vollständigkeit halber und nicht damit du es machen solltest) wären Tabellen. Die sollte man jedoch für das Layout tunlichst meiden.
 
okay danke noch für die Antwort.
diese ansätze hatte ich auch schon und tables kommen natürlich nicht in frage.

grüße
 
Zurück
Oben