Gunnar Bittersmann: Inhalt eines A-Tags verikal zentrieren

Beitrag lesen

@@Joachim:

nuqneH

und da hast Du fast schon die Lösung.
Das wage ich zu bezweifeln, insbesondere weil...

Die Zweifel halte ich für unberechtigt, weil ...

<http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display2@title=diese Eigenschaft>
sich leider nur sehr bedingter IE-Unterstützung erfreut.

Im IE 8 funktioniert’s. Älteren IEs kann man mit JavaScript (als CSS-Expression) nachhelfen:

a  
{  
  width: 100px;  
  height: 50px;  
  vertical-align: middle;  
  display: block;  
  display: table-cell;  
  display: expression( [code lang=javascript](new Function('elem', '\  
[code lang=javascript]    elem.style.display = "block";\  
    elem.innerHTML = "[code lang=html]<span>
~~~" + elem.innerHTML + "`</span>`{:.language-html}";\  
    elem.firstChild.style.display = "block";\  
    elem.firstChild.style.paddingTop = ((elem.offsetHeight - elem.firstChild.offsetHeight) / 2) + "px";\  
[/code]  '))(this)[/code] );  
}[/code]  
  
In IEs < 8 ohne aktiviertem JavaScript wird halt nicht vertikal zentriert. So what?  
  
BTW: In einem XHTML-Dokument stehend sollte das Stylesheet wegen "<span>" und "</span>" als CDATA markiert werden.  
  
Qapla'

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