Huhu!

Ich habe leider ein großes Problem ... Ich möchte einfach nur einen text in einem div vertical zentrieren, ich habe mir auch schon die verschiedensten tutorials dazu angeschaut, aber bei mir klappt es einfach nicht ... Und ich brauche auch keine unterstützung fürn IE, das sollte glaube ich die Sache erleichtern ...

Also, ich habe ein div mit einer fest definierten Größe und darin soll ein Wort oder ein kleiner Satz oder so, je nachdem vertical zentriert werden, horizontal ist kein Problem ^^

Ich eürde mich riesig über ein kleines Beispiel freuen, danke!

Hallo Tommmy,

meines Wissens kennt ein Div kein vertikales Zentrieren der enthaltenen Objekte. Die einzige Möglichkeit, die ich Dir raten kann, wäre das Ausrichten des Satzes über den Randabstand des Divs. Du müsstest dann als Abstand zum oberen Rand eben die Hälfte der Höhe des Divs nehmen. Okay, ein wenig "um die Ecke" ist das schon, aber das Ergebnis würde wohl stimmen. Versuch macht kluch.

Grüsse
Mond

Hey Mond!

Also die Idee ist schon ziemlich gut! Das Problem ist nur, dass ich nicht genau weiß, ob mein "Text" den ich ausgebe aus einem oder mehreren Wörtern besteht und falls er zu lang ist, dann kanns passieren, dass er sich über 2 oder mehr Zeilen erstreckt (mein div ist sehr schmal). Und weil ich nun nicht weiß, ob ich die Höhe von einer Zeile oder doch 2 oder 3 Zeilen einberechnen muss, kann ich schlecht den Abstand berechnen ... aber die Idee war gut!

Ich hatte auch gelesen, dass man irgendwie ein äußeres div erstellt, bei dem man einstellt, dass es wie eine Tabelle dargestellt wird (display: table;) und darein ein inneres div packt, bei dem man dann display: table-cell; und vertical-align: middle; setze ... aber das funktioniert leider nicht so wie es angedacht ist :(

dankeschön auf alles Fälle schonmal!

http://www.w3.org/Style/Examples/007/center#vertical ich glaube dass das Dir weiterhelfen könnte...

wenn nicht anders, zeichne eine skizze wie es aussehen soll, damit man sich genauer vorstellen kann, was gemeint ist...

---

Mondschatten schrieb am 06.02.2008 16:23 Hallo Tommmy, meines Wissens kennt ein Div kein vertikales Zentrieren der enthaltenen Objekte...

ist mit css 2 definitiv nicht möglich.

finde aber die version von progrookie sehr hilfreich.