2 Boxen nebeneinander, 200px und die 2te maximal gross

[kai]

Breit sein und die rechte sich an die Seitengrösse anpassen.  Ich habe es schon versucht der recht Box 100 % zu geben dann kommt sie aber ein die nächste Zeile, ich weis mir nur zu helfen in dem ich ihr einen Statischen Wert zuteile. Was aber ein Mist ist, je nachdem wie weit der Browser auf ist.

#content{
}

#left{
border:1px solid #000;
float:left;
width:200px;
}

#right{
margin-left:220px;
border:1px solid #000;
float:right;
width:100%;
}

[dave]

Hi,

ich finde deine Problembeschreibung unverständlich.
Deutsche Sätze würden mir beim Verständnis helfen.

Meinst du so?

<div class="col"></div>  
<div class="content"></div>

.col {  
    float:left;  
    width:200px;  
    background:orange;  
    height:50px;  
}  
.content {  
    background:lightblue;  
    height:80px;  
    margin-left:220px;  
}​

~dave

[Matthias Apsel]

Om nah hoo pez nyeetz, kai!

links und rechts sind uncoole Bezeichner. Benenne die Boxen nach Ihrem Inhalt, wenn dir später einfällt, die Seiten tauschen zu wollen, steht die linke Box plötzlich rechts. Vielleicht gibts bei der Gelegenheit auch passende Elemente wie etwa nav oder aside (html5) oder p oder ul ...

Lösung: float oder display: inline-block ohne Breitenangabe für die variabel breite Box, ggf. mit einem margin.

Matthias