Hallo,
Mach mal dem aeussersten DIV auch noch einen sichtbaren Rahmen.
Schon gemacht, schaus dir an!
http://web110.essen082.server4free.de/float.htm
Also, der scheint ja genug breit zu sein, vermutlich seine 450px, die er sein soll.
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fweb110.essen082.server4free.de%2Ffloat.htm&warning=1&profile=css2&usermedium=all
border-color:brown - brown ist kein gueltiger Wert.
Du hast einen Zeilenumbruch aus dem Quelltext entfernt, allerdings nicht
den "richtigen", den Dennis wohl gemeint hat.
Versuch's mal:
<div>
<div>Box1 rot</div><div>Box2 rot</div>
<div>Box gelb</div>
</div>
Um das ganze fuer Menschen lesbarer zu machen,
koenntest Du den CSS-Code in Klassen
verpacken und diese einem <style>-Bereich
im <head> der Datei definieren.
Zudem koenntest Du bei Border die Kurzschreibweise verwenden:
Statt
border-style: dotted; border-color: blue; border-width: 1px;
einfach
border:dotted blue 1px;
Wenn Du das machst, haben andere Leute vielleicht mehr Lust,
Dir zu helfen, als beim derzeitigen Quellcode.
Gruesse,
Thomas