botl1k3: float-Problem: clear

Beitrag lesen

SELF-Forum

float-Problem: clear

botl1k3
– Informationen zu den Bewertungsregeln

Hallo,

wie der Titel schon sagt, habe ich ein Problem mit Float:
Ich erstelle eine links-floatende Navigationsleiste, mein Content-Bereich soll neben dran sein und den Rest der Breite benutzen...
Jetzt kann es aber auch mal sein, dass in dem Content-Bereich auch nochmal was floaten soll.. Funktioniert auch Problemlos, wenn aber mal ein Text unter der zu floatenden Sache steht (z.B. Image), dann gibt es ein Problem, und zwar nicht nur im IE, sondern auch mal im FF..

seht es euch einfach mal mit diesem Beispiel an, damit erklärt es sich am besten:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
                       "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
  <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">  
  </head>  
  <body>  
    <div style="float: left; background: #f00; width: 210px;">  
      <div style="margin-bottom: 1000px">  
        Ein div in der Navigation, will einen großen Abstand nach unten  
      </div>  
      <div>  
        noch ein div, ganz weit unten  
      </div>  
    </div>  
  
    <div style="margin-left: 211px; background-color: #0f0">  
      <img src="img/sn_level2.png" style="float: left">  
      Hey, hier will ein Image floaten!  
      <br style="clear: both">  
      Das hier soll wieder unter das image...  
  
      ...aber doch nicht unter die Navigation! =(  
    </div>  
  </body>  
</html>

Danke schonmal,
botl1k3

Beitrag melden
–
Informationen zu den Bewertungsregeln