Michael: Text im div vertikal ausrichtgen mit vertical-align?

Hallo,

die Angabe von

vertical-align: middle;

im div hat keinerlei Auswirkung auf die vertikale Ausrichtung des Div-Textes???

Weiß jemand 'nen Tipp?

Grüße
Michael

  1. Moin!

    die Angabe von
    vertical-align: middle;
    im div hat keinerlei Auswirkung auf die vertikale Ausrichtung des Div-Textes???

    [ ] Du hast es probiert? In welchem Element?

    MFFG (Mit freundlich- friedfertigem Grinsen)

    fastix®

    --
    Als Freiberufler bin ich immer auf der Suche nach Aufträgen: Schulungen, Development. Auch  für seriöse Agenturen.
    1. Moin!

      <div style="height: 200px; width:200px; border: thin solid black;text-align:center"><img src="" height=200 width=0 style="vertical-align:middle;" alt="">Hallo</div>

      http://selfhtml.teamone.de/css/eigenschaften/ausrichtung.htm#vertical_align

      Zitat: "Sie können nebeneinanderstehende Elemente mit unterschiedlicher Höhe... zueinander ausrichten."

      MFFG (Mit freundlich- friedfertigem Grinsen)

      fastix®

      --
      Als Freiberufler bin ich immer auf der Suche nach Aufträgen: Schulungen, Development. Auch  für seriöse Agenturen.
      1. Moin!

        <div style="height: 200px; width:200px; border: thin solid black;text-align:center"><img src="" height=200 width=0 style="vertical-align:middle;" alt="">Hallo</div>

        http://selfhtml.teamone.de/css/eigenschaften/ausrichtung.htm#vertical_align

        Zitat: "Sie können nebeneinanderstehende Elemente mit unterschiedlicher Höhe... zueinander ausrichten."

        Ja, ich hab es probiert und es geht weder im Moz noch im IE.

        Der Div sieht so aus:

        <div class="Card">
        das ist ein text
        </div>

        Mehr als ein paar Wörter sind da nicht drinnen - und mit

        div.Card{vertical-align;}

        passiert nix???

        Und extra eine Tabelle nehmen, nur weil innerhalb von td's das vertical-align geht wollte ich nicht...

        Grüße
        Michael

        1. hi,

          Ja, ich hab es probiert und es geht weder im Moz noch im IE.
          Der Div sieht so aus:
          <div class="Card">
          das ist ein text
          </div>
          Mehr als ein paar Wörter sind da nicht drinnen

          [ ] du hast fastix' hinweis berücksichtigt, das vertical-align zum ausrichten "nebeneinander stehender elemente unterschiedlicher höhe" dient. solche hast du gar nicht - du hast mehrere _wörter_, aber nicht mehrere _elemente_ in deinem div.

          und mit
          div.Card{vertical-align;}
          passiert nix???

          da soll, da _darf_ nichts "passieren".
          ausser einer fehlermeldung vom css-validator.

          vertical-align ist eine css-eigenschaft - du hast dieser aber nicht mal einen wert zugewiesen.

          nochmal: lies http://selfhtml.teamone.de/css/eigenschaften/ausrichtung.htm#vertical_align!

          gruss,
          wahsaga

          1. Hi,

            [ ] du hast fastix' hinweis berücksichtigt, das vertical-align zum ausrichten "nebeneinander stehender elemente unterschiedlicher höhe" dient. solche hast du gar nicht - du hast mehrere _wörter_, aber nicht mehrere _elemente_ in deinem div.

            Tja, da hast Du recht.

            Gibt es eine andere (richtige) Möglichkeit Text vertikal auszurichten? Wenn man es in einen span einschließt?

            und mit
            div.Card{vertical-align;}
            passiert nix???

            da soll, da _darf_ nichts "passieren".
            ausser einer fehlermeldung vom css-validator.

            Hab's durch die Hektik vergessen hier dazuzuschreiben: middle steht/stand im CSS bei mir.

            Grüße
            Michael