ralf: center vertikal

gibt es so etwas wie <center> nur vertikal um zB ein Bild genau auf der mitte der höhe einer Seite zu platzieren??

Oder könnte man das irgendwie mit tables lösen?

Danke für eure antworten!!

  1. jo,

    per CSS:
    <img style="vertical-align:middle;margin-left:auto;margin-right:auto;text-align:center">

  2. Hi

    du kannst es entweder mit css position:absolute;
    (http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#position)
     machen, oder mit css margin-top:; margin-left:;
    Du kannst es auch mit tabellen lösen, und dann mit valign="middle" das bild in die vertikale mitte ausrichten.

    tschü ichen

    1. Hi,

      valign würde ich nicht verwenden->ausgemustert...

      Viele Grüße

      1. Hi

        danke, hab ich noch nicht gewusst ;-)

        ichen

      2. Hallo,

        valign würde ich nicht verwenden->ausgemustert...

        In welcher DTD für HTML bzw. XHTML ist valign für TD-Elemente ausgemustert? Die DTD für XHTML 1.0 Strict
        http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
        enthält:

        <!-- vertical alignment attributes for cell contents -->
        <!ENTITY % cellvalign
          "valign     (top|middle|bottom|baseline) #IMPLIED"
          >

        und:

        <!ATTLIST td
          %attrs;
          abbr        %Text;         #IMPLIED
          axis        CDATA          #IMPLIED
          headers     IDREFS         #IMPLIED
          scope       %Scope;        #IMPLIED
          rowspan     %Number;       "1"
          colspan     %Number;       "1"
          %cellhalign;
          %cellvalign;
          >

        Dort gibt es valign übrigens auch noch für COLGROUP, COL, THEAD, TFOOT, TBODY, TR und TH.

        viele Grüße

        Axel

  3. Hi ralf

    ne einfache Lösung:

    1. eine einspaltige- und einzeilige Tabelle erstellen die eine Breite und Höhe von 100 % hat

    2. Bild einfügen ein <center> drumherum dann bist du schon fertig (valign="middle" zur Absicherung braucht man aber nich unbedingt)

    Alternativ kannst du auch mit CSS rumprobieren.

    Bis denne

    Botix