Gunnar Bittersmann: Liste mit float im IE

Beitrag lesen

@@stephanbauer:

nuqneH

<ol>

<li><span class="eintrag"><a href="#link">Eintrag 1</a></span><span class="anzahl">(Anzahl)</span></li>
<li><span class="eintrag"><a href="#link">Eintrag 2</a></span><span class="anzahl">(Anzahl)</span></li>
...
</ol>


>   
> Nun will ich dass diese Nummern am rechten Rand, am besten bündig mit der ersten Zeile erscheinen:  
> 1. Irgend ein langer text der (52)  
> \_\_\_über mehrere Zeilen geht  
> 2. Kurzer Text \_\_\_\_\_\_\_\_\_\_\_\_\_\_\_(31)  
  
Du könntest die Anzahl absolut ins padding des Listitems positionieren:  
  
~~~css
li  
{  
    position: relative;  
    padding-right: 3em; /* abhängig von der Größe der zu erwartenden Zahlen */  
}  
  
.anzahl  
{  
    position: absolute;  
    top: 0;  
    right: 0;  
}

span[@class="eintrag"] brauchst du nicht mehr. (Brauchtest du vorher auch nicht, du hattest doch die 'a'-Elemente.)

Qapla'

--
Volumen einer Pizza mit Radius z und Dicke a: pi z z a