Jens Holzkämper: Mozilla und das liebe display

Beitrag lesen

Tach,

Du packst das clear also noch IN das <li>. Damit funktioniert es auch bei mir ! Das sieht aber trotzdem sehr unschön aus, finde ich. Könnte man das clear nicht irgendwie woanders unterbringen und trotzdem noch vor dem darauffolgendem <li> ausführen?

wenn es an der Stelle kein passendes Blockelement hat, kann man natürlich auch das umliegende Element ebenfalls aus dem regulären Fluß nehmen:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">  
 <head>  
 <title>Test</title>  
  
 <body>  
  <ul>  
   <li style="border-bottom:1px solid #000;float:left;">  
       <label for="test" style="float:left;display:block;width:140px;">Eingabe:und ein Zeilenumbruch...........</label>  
       <input type="text" name="input" id="test"  />  
   </li>  
   <li style="border-bottom:1px solid #000;float:left;clear:left;">  
       <label for="test" style="float:left;display:block;width:140px;">Eingabe:und ein Zeilenumbruch...........</label>  
       <input type="text" name="input" id="test"  />  
   </li>  
  </ul>  
 </body>  
</html>  

mfg
Woodfighter