noname: clear: both; nur auf innere Elemente

Beitrag lesen

SELF-Forum

clear: both; nur auf innere Elemente

noname
– Informationen zu den Bewertungsregeln

Hallo.

Beispiel Aufbau:

  
<html>  
  
<head>  
</head>  
  
<body>  
  
  <div id="links" style="float: left; width: 150px; height: 150px;"></div>  
  
  <div id="rechts" style="float: right; width: 150px; height: 150px;"></div>  
  
  <div id="mitte" style="margin: 0 160px 0 160px;">  
  
    <p>Ich bin zwischen links und rechts</p>  
  
    <img style="float: left;" src="image.jpg" />  
  
    <p style="clear: both;">Ich soll direkt unter dem Bild sein, erscheine allerdings unterhalb der Höhe der äußeren (gefloateten) Elemente (#links, #rechts)</p>  
  
  </div>  
  
</body>  
</html>

Frage: clear: both; soll nur auf Elemente innerhalb von #mitte angewendet werden. Im Moment entsteht so immer ein Lücke zwischen Inhalt und dem Element mit clear: both;. Wer kann mir einen Tipp geben?

Dank und einen schönen Abend noch!

Beitrag melden
–
Informationen zu den Bewertungsregeln