Ingo Turski: Text im CSS-Layer vertikal zentrieren?!?

Beitrag lesen

SELF-Forum

Text im CSS-Layer vertikal zentrieren?!?

Ingo Turski Homepage des Autors
– Informationen zu den Bewertungsregeln

Hi,

» Wenn dir FF 1.5.0.2 uns IE 2.0.2900 modern genug sind ;-)
Oooops, muss natürlich "IE 6.0.2900" heißen ...

auch der ist nicht modern genug für:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
          "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
<head>  
<title>Vertikal zentrieren</title>  
<style type="text/css">  
[code lang=css]div {  
  display:table;  
  color:black; background:white;  
  border:1px solid black;  
}  
div p {  
  display:table-cell;  
}  
p#navi {  
  width:100px; height:150px;  
  background:#ccc;  
}  
p#content {  
  width:400px; height:150px;  
  vertical-align:middle; text-align:center;  
}

</style>
</head>

<body>
  <div>
    <p id="navi">navi</p>
    <p id="content">content</p>
  </div>
</body>
</html>[/code]

freundliche Grüße
Ingo

--
[barrierefreie Webseitenerstellung » Suchmaschinenoptimierung | em?] (Hommingberger Gepardenforelle;-)
Beitrag melden
–
Informationen zu den Bewertungsregeln