Hi zusammen,
ich habe ein Problem das ich nicht in den Griff bekomme.
Und zwar habe ich eine Liste mit einer Nummer in Klammern:
<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)
Das habe ich nun auf verschiedene weisen probiert, leider macht der IE nie mit, da er die Nummer des Listeneintrags (1., 2., ...) immer komisch ausgibt.
.eintrag {
display: block;
width: 400px;
float: left;
}
.anzahl {
display: inline-block;
float: left;
}
li {
clear: both;
}
steht die Nummer des Listeneintrags im 8er genau in der Anzahl. Oder wenn man <span class="anzahl"> als erstes ausgibt mit
.eintrag {
display:block;
}
.anzahl {
display:inline-block;
float: right;
padding-left: 10px;
}
verschwinden im 8er die Nummern komplett.
Weiss da jemand etwas womit das auch im IE 7 & 8 funktioniert?
Gruß und Dank
sb