D.R.: Text in einem <div> vertikal zentrieren

Beitrag lesen

SELF-Forum

Text in einem <div> vertikal zentrieren

D.R. Homepage des Autors
– Informationen zu den Bewertungsregeln

Hallo,

Funktionieren sollte:
line-height: [Höhe deines DIVs];

Aber nur so lange es keinen Zeilenumbruch gibt. Eine bessere Lösung kenne ich aber leider auch nicht…

Mit display und vertical-align funktioniert es. Allerdings nicht im IE. Nicht mal der 7er kann es :-O

div#test{
  height: 200px;
  display: table-cell;
  vertical-align: middle;
  background-color: #FF0000;
}

  
Muss sich die Tabellen-zelle nicht innerhalb einer Tabelle (ein Element mit display:table) befinden?  
  
mfg. Daniel

-- 
[Experten raten von der Verwendung des Internet Explorers ab!](http://web.oesterchat.com/internet-explorer/)  
[Mein SELF-stylesheet](http://danielrichter.da.funpic.de/SELFForumsCSS.html) | [Darum Firefox!](http://www.firefox-love.de/)  
[Selfcode](http://forum.de.selfhtml.org/cgi-bin/selfcode.pl): [ie:{ fl:( br:> va:) ls:& fo:) rl:( n4:# ss:| de:> js:) mo:} zu:}](http://www.peter.in-berlin.de/projekte/selfcode/?code=ie%3A%7B+fl%3A%28+br%3A%3E+va%3A%29+ls%3A%26+fo%3A%29+rl%3A%28+n4%3A%23+ss%3A%7C+de%3A%3E+js%3A%29+mo%3A%7D+zu%3A%7D)
Beitrag melden
–
Informationen zu den Bewertungsregeln