nicht angemeldet
vertical-align in div
Hallo Forum!
Ich möchte Text innerhalb eines divs mittig darstellen. Mittig bezüglich der _vertikalen_ Ausrichtung. Ganz voller Euphorie bastelte ich - und scheiterte kläglich.
In der Selfhtml-Dokumentation ist vertical-align auf Tabellen-Zellen angewandt und es funktioniert einwandfrei.
Was ist da los? Stehe ich (mal wieder) richtig ausgewachsen auf dem Schlauch?
Hier mein bescheidener Quellcode, reduziert auf ein Minimum:
[trotzdem auch online anzuschauen]
<html>
<head>
<style>
#head {
border: 1px solid #000;
height:200px;
vertical-align:middle;
}
</style>
</head>
<body>
<div id="head">nicht überflüssiger Text</div>
</body>
</html>
Das _muss_ doch funktionieren! Ich habe das ganz ungute Gefühl, dass da was schief gelaufen ist bei mir.
Zieh mir doch bitte jemand den Schlauch unter den Füsses weg..
Danke schonmal,
der Nixblicker.
-
Hi,
In der Selfhtml-Dokumentation ist vertical-align auf Tabellen-Zellen angewandt und es funktioniert einwandfrei.
sicher, denn laut http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align ist es auch nur dort und bei Inline-Elementen gültig. Niemand hindert Dich aber daran, das <div> zu einem table-cell-Element zu machen.
<style>
type-Attribut fehlt.
</head>
<title>-Element fehlt.
Das _muss_ doch funktionieren!
Nö.
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes-
Danke,
sicher, denn laut http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align ist es auch nur dort und bei Inline-Elementen gültig. Niemand hindert Dich aber daran, das <div> zu einem table-cell-Element zu machen.
Alles klar.
<style>
type-Attribut fehlt.
ja, weiß.
</head>
<title>-Element fehlt.
s.o.
Das _muss_ doch funktionieren!
Nö.
Okok. Danke der raschen Klärung und für den Tip.
Cheatah
-
-
Hallo,
da sonst niemand den Standardlink zu dieser Frage gepostet hat:
http://css.fractatulum.net/sample/layout4format.htm#a2Gruß Fritz