[HTML] Vertivale Textausrichtung im DIV Tag

[Zacherl]

Hi,
wie kann ich Text innerhalb eines DIV Tags vertikal in der Mitte anzeigen lassen. Geht das über das Style Attribut von DIV?
text-valign geht schonmal nicht ...

Florian

[alcaeus]

vertical-align:middle koennte dir helfen. Die vertikale Positionierung von Elementen ist aber bis CSS3 (und das ist noch in der Entwicklung) komplett aussen vor geblieben :(

Greetz
alcaeus

[Zacherl]

Schade, das funktioniert leider auch nicht ... momentan muss ich eine Tabelle innerhalb des DIV Elements platzieren, um meinen Text richtig auszurichten und das ist ja auch etwas unschön ...

Florian

[alcaeus]

Ja, sowas hab ich mir schon gedacht. Du kannst es noch clientseitig ueber Javascript machen, das ist aber alles andere als schoen. :?

Greetz
alcaeus

[Zacherl]

Mhhh ... dann bleibe ich wohl doch lieber bei meiner Tabelle im DIV Tag ... obwohl auch das nicht grade schön ist :|

Florian

[alcaeus]

Muss es denn wirklich vertikal zentriert werden? Wenn es nicht unbedingt sein muss, wuerde ich echt darauf verzichten. Deswegen eine Layout-Tabelle reinzuwerfen ist etwas suboptimal ;)

Greetz
alcaeus

[Hador]

Hier hat sich mal jemand ein paar Gedanken dazu gemacht.

[Zacherl]

Nicht zentriert wäre nicht wirklich schlimm, so siehts aber doch schöner aus:

Florian

[alcaeus]

Aua. Wenn du auf eine fixe Hoehe verzichtest, kannst du das auch mit margin loesen ;)
Alternativ duerfte auch der Link von Hador zum gewuenschten Ergebnis fuehren :)

Greetz
alcaeus

[Zacherl]

Danke ... so geht es auf jeden Fall mal:

Code:

<div style="height:400px; position:relative; overflow: hidden;">
  <div style="position:absolute; top:50%; z-index:1;>
    <div style="position: relative; top: -50%>
      any text
      any height
      any content, for example generated from DB
      everything is vertically centered
    </div>
  </div>
</div>

Florian