Sympatisant: Container Div mit floats

Beitrag lesen

SELF-Forum

Container Div mit floats

Sympatisant
– Informationen zu den Bewertungsregeln

Salvete,

ich bin, was CSS angeht, nicht gerade soo bewandert.
Ich habe folgenden Code, der mich ein wenig verwundert:

  
<HTML>  
<HEAD>  
<STYLE type="text/css">  


  
   .inlinepanel  
   {  
    float:left;  
    width:120px;  
    border:1px solid yellow;  
   }  
   #border  
   {  
    border:1px solid red;  
   }  


  
 </STYLE>  
  
</HEAD>  
<BODY>  
  
  
<DIV id="border">  
  
 <DIV class="inlinepanel">  
  Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum  
  Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum  
 </DIV>  
  
 <DIV class="inlinepanel">  
  Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum  
  Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum  
 </DIV>  
  
 <DIV class="inlinepanel">  
  Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum  
  Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum  
 </DIV>  
  
 <DIV class="inlinepanel">  
  Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum  
  Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum  
 </DIV>  
  
</DIV>  
  
  
</BODY>  
<HTML>

Warum umschliesst der Div (id=border) nicht die darin liegenden Divs?
Die Divs mit class=inlinepanel ragen geradezu aus dem Container heraus.

Vielleicht kann mir einer das ja mal kurz erklaeren oder mir entsprechende Links angeben.
Besten Dank.

MfG,
Sympatisant

--
"Non dura iubeantur, non prohibeantur inpura."
Beitrag melden
–
Informationen zu den Bewertungsregeln