Innerhalb einer DIV ein Eingabefeld zentrieren - ohne Tabellen?

[obiwan1973]

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

[Matthias Apsel]

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

[misterunknown]

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

[obiwan1973]

Hallole,

sorry, dass ich mich jetzt erst melde.

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

Gruß

Tommy