Maxx: vertical-align:middle in div?

Moin

Warum funktioniert <div style="vertical-align: middle;">Text</div> nicht so, dass der Text schön in die Mitte gesetzt wird?

Geht in keinem Browser.

Bitte um Hilfe!

  1. Hi,

    Warum funktioniert <div style="vertical-align: middle;">Text</div> nicht so, dass der Text schön in die Mitte gesetzt wird?

    Vermutlich fehlt eine Angabe zur Höhe des div.

    Viele Grüße
    Torsten

    1. Ebene nicht. So sieht das ganze CSS aus:

      div {

      background-color: #B1C9F3;
        position: relative;
        top: 0px;
        left: 0px;
        width: 800px;
        height: 30px;
        padding: 0px;
        margin: 0px;
        vertical-align: middle;
        z-index: 1;
      }

      1. Hallo ,

        vertical-align: middle;

        ^^^^^^
                             50% 0
        oder umgekehrt probiers mal aus

        Jeena Paradies

        --
        Ihr wisst ja nichts ist besser als Bass.
        1. Hi,

          vertical-align: middle;
                               ^^^^^^
                               50% 0
          oder umgekehrt probiers mal aus

          Das ist ja wohl kompletter Unsinn. vertical-align erlaubt nur einen Wert.
          Und auch mit einer Längen-Angabe anstelle des vordefinierten Werts ist vertical-align für blocklevel-Elemente nicht definiert.

          cu,
          Andreas

          --
          Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
          http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/
          1. Hallo ,

            Das ist ja wohl kompletter Unsinn. vertical-align erlaubt nur einen Wert.
            Und auch mit einer Längen-Angabe anstelle des vordefinierten Werts ist vertical-align für blocklevel-Elemente nicht definiert.

            Oj dann echt sorry was hab ich dann da durcheinandergebracht?

            Jeena Paradies

            --
            Ihr wisst ja nichts ist besser als Bass.
  2. Hi,

    Warum funktioniert <div style="vertical-align: middle;">Text</div> nicht so, dass der Text schön in die Mitte gesetzt wird?
    Geht in keinem Browser.

    vertical-align ist für blocklevel-Elemente (wie div) schlicht und einfach nicht definiert.
    Es darf also in keinem Browser das bewirken, was Du gerne hättest.

    Wende vertical-align auf Elemente an, auf die es angewendet werden darf (Tabellenzellen und inline-Elemente).

    cu,
    Andreas

    --
    Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
    http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/
    1. Genial eingerichtet

      Ich muss also jetzt erst recht wieder mit Tabellen arbeiten, obwohl ich davon wegkommen wollte?

      Bin begeistert :(

      1. Hi,

        Ich muss also jetzt erst recht wieder mit Tabellen arbeiten,

        Nein.

        cu,
        Andreas

        --
        Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
        http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/
        1. Ja wie bekomm ich es dann in die Mitte?