Zwei spans oder zwei divs...

[ornyma]

Hallo,

was tut man bei einem solchen Konstrukt:

<span style:width 100px; height 5px;><span style:width 60px; height:5px;<span></span</span>

Das Ding soll so eine Art Fortschrittsbalken sein, bei den das erste span eine Farbe trägt und das zweite darin liegende eine andere. Den IE6 interessiert allerdings die Höhe von 5px nicht sonderlich, der sagt - ich zeige lieber mal in 15 an. Wer kennt das Problem und hat es bereits lösen können?

Gruß Dirk

[xynn]

Erstmal ist span ein Inline-Element und braucht daher noch die Angabe display: block; damit die Größenangabe greift.
Setz dazu noch die Schriftgröße und ggf. line-height in dem Element auf nicht größer als 5px, dann sollte es passen.
Achja, und da sind Tags nicht richtig geschlossen...? Hoffentlich nur beim Abtippen passiert

[ornyma]

Naja... ooooch, wen interessiert heute schon noch ein richtiges geschlossenes Tag... *hust*... Nun es hat tatsächlich geklappt. Knackpunkt war hier weniger die Eigenschaft display sondern die line-height und die font-size.

abgefahren. Vielen Dank für die fixe Hilfe....

Gruß Dirk