Logik: Was ist hierdran falsch? Floating..

Beitrag lesen

Hallo.

Das Gerüst sieht so aus:

<div id='1'>
 <div id='2'>
  Inhalt
 </div>
 <div id='3'>
  Inhalt
 </div>
</div>

#1{
 width:700px;
 height:auto;
 text-align:center;
 margin-top:10px;
 margin-left:28px;
 border:2px dashed #999999;

}

#2{
 width:420px;
 background-color:#ffffff;
 padding:10px;
 text-align:left;
 float:left;
}

#3{
 width:220px;

/* margin-left:500px; <- auf diese Angabe will ich verzichten muss doch ohne gehen oder? */

background-color:#cccccc;
 text-align:center;
 color:#CC9966;
 padding:10px;
}

Naja jedenfalls hängen 2 und 3 untereinander statt nebeneinander, worna liegt das?

Lg

Die Logik