Hallo liebe SELFHTMLer,

folgendes ist sicher lösbar:

...
<style type="text/css">
<!--
body{
 margin:0; padding:0;
 }
#container{
 margin:0 auto;
 width:60%;
 }
#content{
 width:70%;
 float:left;
 }
#sidebar{
 margin:0 0 0 70%;
 width:30%;
 font-size:80%;
 }
#footer{
 clear:left;
 }
-->
</style>
...

Das HTML dazu:

...
<div id="container">
  <div id="content">
    <p>text</p>
  </div>
  <div id="sidebar">
    <p>text</p>
  </div>
</div>
<div id="footer">
  <p>text</p>
</div>
</div>
...

Mein Problem ist, das die sidebar nciht gefloatet wird. Diese hat zwar das margin erhalten steht aber mit ihrer linken oberen Ecke an dem content div rechts unten.

Kann mir einer erklären _WARUM_ ?

Den Double IE FLOAT BUG habe ich bereits kennengelernt, nun will ich wenigstens ersteinmal ein normales Float hinbekommen.

Was kann Ursache für das fehlerhafte Verhalten sein, und wie kann ich meinen Code korrigieren um das gewünschte Ergebniss zu erhalten?
LG
kev1n