obiwan1973: Innerhalb einer DIV ein Eingabefeld zentrieren - ohne Tabellen?

Hallo,

ich habe eine DIV mit festen Maßen (px) und möchte darin ein normales Textfeld zentrieren - horizontal und vertikal. Geht das ohne eine Tabelle? Und zwar so, dass es die gängigen Browser interpretieren?

Gruß

Tommy

  1. Om nah hoo pez nyeetz, obiwan1973!

    ich habe eine DIV mit festen Maßen (px) und möchte darin ein normales Textfeld zentrieren - horizontal und vertikal. Geht das ohne eine Tabelle? Und zwar so, dass es die gängigen Browser interpretieren?

    Alle gängigen Browser sollten display: table-* verstehen. Also display: table für das div und display: table-cell für das inliegende Element. Sollte das inliegende Element eine textarea sein, wird das möglicherweise nicht funktionieren.

    Sollten auch ältere Browser mit unterstützt werden: http://suit.rebell.at/artikel/horizontal-und-vertikal-zentrieren-mit-xhtml-und-css

    Matthias

    --
    Der Unterschied zwischen Java und JavaScript ist größer als der zwischen voll  und Vollzug.

  2. Moin,

    horizontal

    input { display:block; margin:auto; }

    und vertikal.

    div { display:table-cell; vertical-align:middle; }

    Das ist _eine_ mögliche Lösung. Andere Möglichkeiten findest du beispielsweise hier.

    Grüße Marco

    --
    Ich spreche Spaghetticode - fließend.
  3. Hallole,

    sorry, dass ich mich jetzt erst melde.

    Danke für die Hinweise. Probiere gleich mal ein bischen 'rum.

    Gruß

    Tommy