Daniel Richter: Liste und Float: list-marker ausrichten mit margin/padding

Beitrag lesen

Hallo,

ich hab mir die Lösung auf deiner Homepage angeschaut, eine tolle Idee, sie hat bloß einen Haken:
Wenn das umfloatete Element zu Ende ist, geht die Liste nicht nach links, sondern bleibt dort.

Stimmt, das habe ich bisher noch gar nicht bedacht. Nun dachte ich gerade daran, die genannten Hacks auf die <li>s anzuwenden, aber dann scheint er die Listenpunkte nicht mehr anzuzeigen :-(

Ich habe ein fast gute Lösung gefunden: "position: relative; left 1.1em;".

Hm, also bei mir erscheint dann ein Scrollblaken, sofern das entsprechende Element keine Breite < 100%-1.1em zugewiesen bekommt.

Für eine Lösung die komplett funktioniert wäre ich wirklich dankbar.

Nur mal eine Idee:

  
<style>  
ul {  
 list-style-position:inline;  
}  
  
li div {  
 margin-left: 2em;  
}  
  
</style>  
  
<navi>  
<img />  
<ul>  
 <li><div>Text</div></li>  
 <li><div>Text</div></li>  
 <li><div>Text</div></li>  
</ul>  

mfg. Daniel