Thomas: <div> und vertikales zentrieren

SELF-Forum

<div> und vertikales zentrieren

Thomas
– Informationen zu den Bewertungsregeln

Guten Abend!

Ich habe da 'ne kleine Frage, wie kann ich in einem div-Element, eine vertikale Textausrichtung erreichen ohne das ich eine Tabelle o.ä. nutzen muss?

Mit "vertical-align: middle" komme ich nicht zum Ergebnis. Hat wer eine Idee?

Gruß und vielen Dank

Thomas

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. <div> und vertikales zentrieren

    Markus Pitha Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,
    Indem du alle Elternelemente auf 100% Höhe setzt. Wie soll sonst auch dein div wissen, was für dich die Mitte ist. Ich habe sogar stets ein fertiges Beispiel für so etwas, das du gerne anpassen kannst:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Strict//EN"
           "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
           <style type="text/css">
           <!--
           @import url("cssdata.css");
           -->
           </style>
    <title>Box in der Mitte</title>
    </head>
    <body>
           <div class="box">&nbsp;</div>
    </body>
    </html>

    -------------cssdata.css----------------
    html {width:100%; height:100%;}
    body {width:100%; height:100%;
    margin:0;
    padding:0;
    background-color:black;
    }
    div.box {position:absolute;
    top:50%; left:50%;
    margin-top:-225px;
    margin-left:-350px;
    background-color:yellow;
    width:700px; height:450px;
    }

    Markus.

    --
    sh:( fo:| ch:? rl:( br:> n4:( ie:{ mo:) va:) de:] zu:) fl:( ss:| ls:] js:|
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. <div> und vertikales zentrieren

      Thomas
      – Informationen zu den Bewertungsregeln

      Hi,
      Indem du alle Elternelemente auf 100% Höhe setzt. Wie soll sonst auch dein div wissen, was für dich die Mitte ist. Ich habe sogar stets ein fertiges Beispiel für so etwas, das du gerne anpassen kannst:

      Hallo!

      Dankeschön schon mal für Deine Hilfe. Jedoch ist es nicht wirklich die Lösung meines Problems. Wie ich ein div-Element selbst zentriere weis ich, aber nicht wie ich einen Text im div-Element zentriere.

      <div style="width: 100%; height: 25;">TEXT</div>

      Der Text dieses div-Elements soll zentriert werden.
      Kann natürlich auch sein das ich Dein Posting missverstanden habe...

      Gruß Thomas

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. <div> und vertikales zentrieren

        Duci Homepage des Autors
        – Informationen zu den Bewertungsregeln

        Ich hatte bis gestern das gleiche Problem. Siehe http://forum.de.selfhtml.org/?t=100992&m=619417
        Dort findest du auch einen Lösungsansatz!
        Duci

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln