suit: Divs untereinander mit jeweiligen Border

Beitrag lesen

Ich habe bereits davon gehoert, dass man das Floaten mittels
clear:both wieder aufloesen muss.

müssen nicht, aber in deinem fall wahrscheinlich sinnvoll

Doch fuege ich zB folgende Zeile unter der Liste hinzu:

<div style="clear:both;"></div>


> so bekomme ich das selbe Ergebnis.  
  

> Packe ich es vor das schliessende UL-Element, so klappt  
> es zwar im FF, aber die [Element-Referenz](http://de.selfhtml.org/html/referenz/elemente.htm#ul) sagt ja eindeutig,  
> dass das so nicht erlaubt ist.  
  
du musst die clear-eigenschaft innerhalb der liste anweden, da du ja willst dass das <ul /> aufgezogen wird - daher musst du diese eigenschaft dem letzten <li />-element in der liste zuweisen  
  
es zwingt dich niemand clear: both in ein div-element zu setzen  
  

> Des weiteren wuerde ich mal gerne erfahren, wie man drei  
> Elemente pro "Zeile" so anlegen kann, dass sie 100% der Breite  
> des sie umliegenden ULs einnehmen?  
> Arbeite ich mit 33% fuer die Breitenangabe, so fehlt natuerlich  
> das restliche 1% und zwischen der Border der UL und dem aeussersten  
> LI-Item ist eine kleine Luecke.  
  
wenn du drei elemente nebeneinaner haben willst sind die klassen even/odd etwas unpraktisch, da du ja 3 wechselnde zustände hast - natürlich trennst du damit nicht sauber design von inhalt, aber in diesem fall hilfts nicht  
  
klassen  
.item1, .item2, .item3 {  
  width: 33%;  
}  
  
.item3 {  
  width: 34%;  
}  
  
geht leider nicht anders in dem fall, da bekanntlicherweise 1/3 eine reationale zahl bzw ein periodischer dezimalbruch  
  

> Verzeiht mir wenn ich so viele Fragen habe, doch so manches finde  
> ich derzeit einfach noch muehselig resp. unlogisch.  
  
wer nicht frägt, stirbt dumm oder so ;) wenn mans mal halbwegs begriff hat, ist es nicht mehr so schwer