Sympatisant: Container Div mit floats

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

  1. Container Div mit floats

    Sympatisant
    – Informationen zu den Bewertungsregeln

    Salvete,

    habe die/eine Loesung gefunden.
    Ans Ende der vier Divs habe ich ein weiteres Div angefuegt, dem ich ein clear:both verpasst habe. Nun habe ich das gewuenschte Verhalten.

    MfG,
    Sympatisant

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

    1. Container Div mit floats

      Engin Homepage des Autors
      – Informationen zu den Bewertungsregeln

      Hi Sympatisant,

      habe die/eine Loesung gefunden.
      Ans Ende der vier Divs habe ich ein weiteres Div angefuegt, dem ich ein clear:both verpasst habe. Nun habe ich das gewuenschte Verhalten.

      An der stelle kannst du auch mit der Wunderwaffe overflow? arbeiten,
      da kannst du dir das letzte div sparen,
      du kannst aber ebenso gut das

        

> <DIV id="border">  
> </DIV>

      floaten,  hat den gleichen Effekt.

      Grüße aus H im R,
      Engin

      --
      Von wegen "Geld wächst nicht auf Bäumen"!
      Der Valligator
      "Computer sagt Nein"
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln