Hallo,
Ihr habt das Thema bestimmt schon sehr oft behandelt, ich habe auch schon gegoogelt, bei mir hat aber nichts funktioniert.
Ich will folgendes machen:
- 3 Boxen nebeneinander darstellen
- die 1. soll dynamisch angepasst werden, immer so groß wie möglich
- die 2. und die 3. sollen in einer festen Größe daneben dargestellt werden
Die 3 Boxen werden sehr schön nebeneinander dargestellt, wenn ich der 1. eine feste Größe gebe.
Hier mein Code, den ich ein bisschen reduziert habe:
Mit CSS habe ich nur Rahmen und Farben definiert.
Wenn ich bei der ersten Box die width-Angebe weggebe, nimmt es immer den ganzen Platz in anspruch und die anderen Boxen rücken in die nächste Zeile.
Was muss ich denn in meinem Code ändern, damit das so geht?
Schon mal danke im Voraus.
mfg
Ihr habt das Thema bestimmt schon sehr oft behandelt, ich habe auch schon gegoogelt, bei mir hat aber nichts funktioniert.
Ich will folgendes machen:
- 3 Boxen nebeneinander darstellen
- die 1. soll dynamisch angepasst werden, immer so groß wie möglich
- die 2. und die 3. sollen in einer festen Größe daneben dargestellt werden
Die 3 Boxen werden sehr schön nebeneinander dargestellt, wenn ich der 1. eine feste Größe gebe.
Hier mein Code, den ich ein bisschen reduziert habe:
HTML:
<div id="container">
<div id="spiel"
style="float: left; height: 229px; margin-right: 5px; width: 491px;">
Lorem ipsum...
</div>
<div id="spiel"
style="width: 200px; float: right; margin-left: 5px;">
Lorem ipsum
</div>
<div id="spiel" style="width: 200px; float: right;">
Lorem ipsum
</div>
</div>
Wenn ich bei der ersten Box die width-Angebe weggebe, nimmt es immer den ganzen Platz in anspruch und die anderen Boxen rücken in die nächste Zeile.
Was muss ich denn in meinem Code ändern, damit das so geht?
Schon mal danke im Voraus.
mfg