✔ Vertikale Zentrierung von span klappt nicht im IE

[hinkel11]

Hallo,

ich habe das Problem das auf der unten angegeben Seite bei der Slideshow in der Mitte die Zahlen (wo 6:1 und 2:3 steht) nicht dort erscheinen, wo sie es sollten. Es sollte alles so aussehen wie in Firefox. Haut im IE jedoch nicht hin - weder in 6 noch 7 noch 8. In 6 und 7 erscheinen die Zahlen nur zur Hälfte und in 8 werden die Zahlen nicht vertikal zentriert sondern nach oben versetzt dargestellt.

Könnte da mal jemand einen Blick drüberwerfen?
Danke.

Hier die Seite:
http://www.corona-gehren.de/main

PS: Die Suchfunktion wurde genutzt, jedoch nichts passendes zu genau diesem Thema gefunden.

 

[Maik]

Hi,

vertical-align:middle funktioniert neben dem <img>- und <td>-Element bei allen übrigen HTML-Elementen nur in Verbindung mit den display-Tabelleneigenschaften (table, table-cell), die jedoch von der IE-Familie nicht interpretiert werden, und sie daher einen Workaround benötigen - siehe z.B. http://www.pmob.co.uk/temp/vertical-align9.htm, wo der Text mit vertical-align:bottom am unteren Elementrand ausgerichtet wird.

Dass margin-top:50px und padding-top:50px nicht greifen, liegt schlichtweg daran, dass es sich beim <span>-Element um ein Inline-Element handelt, dem hierfür die nötige "Block-Level-Charakteristika" fehlt.

Ebenso laufen die deklarierten Eigenschaften top:50px, sowie z-index:100 ins Leere, da hierfür eine Angabe zur Positionsart position (absolute oder relative) fehlt.

Achja, mit den Suchbegriffen "Vertikale Zentrierung" oder "vertical-align" finde ich genügend Beiträge im CSS-Forum, die dir den grundsätzlichen Sachverhalt in meinem ersten Absatz vermittelt hätten.

mfg Maik

 

[hinkel11]

Ok. Hätte ich eigentlich wissen müssen, dass padding ohne display:block nicht greift. Kam mir mal wieder nicht in den Sinn. Werds mir aber das nächste mal merken.
Klappt jedenfalls jetzt mit der Positionierung.
Danke.