3 Div Container anordnen

[brainstorm001]

Hallo, habe folgendes Problem. Würde gerne 3 Div Container wie folgt anordnen. 1 Div oben über ganze Seite, 2 Div darunter wo eine Image eingebunden ist und der 3te Div rechts von dem linken.

Das Problem an der Sache ist das ich es gerne so hätte, wenn ich das Browserfenster minimiere das der 2 Div fest ist und der dritte sich anpasst aber nicht nicht unter den 2 verschoben wird. Sondern immer kleiner wird und irgendwann verschwindet im schlimmsten Fall.

Habe schon mehrere Sachen ausprobiert aber irgendwie klappt das nicht.

 

[djjasonx]

Hallo Herr brainstorm001,

also ich kann dir da leider nicht weiterhelfen!
Nur soviel: Lerne erstmal die Grundlagen !!!!!!!!! Also wirklich ...ne ne!

Aber hier gibt es bestimmt gute Leute, die es drauf haben und dir helfen können !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Grüße
djjasonx

 

[threadi]

Was hast Du denn bisher probiert? Wie sieht dein Quellcode aus?

 

[EndOfGreen]

Hast du schon versucht, der linken Box eine feste Breite zu geben und der rechten keine Breite? Weil so sollte es eigentlich funktionieren.

 

[der_gerrit]

Hast du schon versucht, der linken Box eine feste Breite zu geben und der rechten keine Breite? Weil so sollte es eigentlich funktionieren.

Genauso hab ich es mal ausprobiert:

CSS:

#wrapper-1 {
    height: 150px;
    width: 100%;
    border: 1px solid #FF0000;
}

#wrapper-2 {
    height: 100px;
    width: 200px;
    border: 1px solid #008000;
    margin-top: 10px;
    float: left;
}

#wrapper-3 {
    margin-top: 10px;
    margin-left: 210px;
    border: 1px solid #0000FF;
}

#wrapper-1 p, #wrapper-2 p, #wrapper-3 p {
    margin: 10px; /* Mit Abstand ist schöner */
}

HTML:

<div id="wrapper-1">
    <p>Hier ist <strong>#wrapper-1</strong> mit 100% Breite</p>
</div>

<div id="wrapper-2">
    <p>Hier ist <strong>#wrapper-2</strong> mit 200px Breite</p>
</div>

<div id="wrapper-3">
    <p>Hier ist <strong>#wrapper-3</strong> mit variabler Breite.</p>
</div>

Das klappt wunderbar, genau wie in brainstorm001 Erklärung

 

[brainstorm001]

Hey Leute. Habe nochmal bisschen rumgebastelt und es hinbekommen.

Dickes danke an der_gerrit.

 

[der_gerrit]

Ich fänds echt super, wenn du uns das auch zeigen könntest was du gemacht hast. Würde mich sehr freun :)