nun_ja: Textausrichtung in <div>

Hi,

habe folgendes Problem: Ich würde gerne in einem <div>-Bereich, dessen Höhe und Breite festgelegt sind, den Text horizontal und vertikal mittig ausrichten.
Horizontal klappt ohne Problem - aber vertikal...

Hier der CSS-Code zum <div>:

div#Inhalt div#Box_l {
 float: left;
 width: 270px;
 height: 198px;
 font-style: normal;
 text-align: center;
 vertical-align: middle;
 font-weight: normal;
}

Kann mir wer sagen woran es liegt?

mfg Fabian

  1. Hallo Freunde des gehobenen Forumsgenusses,

    habe folgendes Problem: Ich würde gerne in einem <div>-Bereich, dessen Höhe und Breite festgelegt sind, den Text horizontal und vertikal mittig ausrichten.
    Horizontal klappt ohne Problem - aber vertikal...

    Zeig doch mal eine Beispielseite und gib dem div einen sichtbaren Rahmen.

    Gruß
    Alexander Brock

    1. Habe im Moment keinen Zugriff auf den FTP-Server :-( .

      trotzdem danke!

  2. Hi,

    Horizontal klappt ohne Problem - aber vertikal...

    ... klappt es nicht, weil

    vertical-align: middle;

    nicht für blocklevel-Elemente definiert ist.
    Du solltest vielleicht eine Tabellenzelle nehmen, weil es - bei mehrzeiligem Text - nicht anders geht.

    freundliche Grüße
    Ingo

    1. schon mal danke.

      und bei nicht mehrzeiligem Text - ist es dort auch mit <div> möglich?

      mfg Fabian

      1. Hi,

        und bei nicht mehrzeiligem Text - ist es dort auch mit <div> möglich?

        zumindest ungefähr - wenn Du die Höhe der Buchstaben abschätzen kannst und den hierfür erforderlichen Abstand nach oben angibst.

        freundliche Grüße
        Ingo