nicht angemeldet
Tabelle innerhalb eines Div vertikal zentrieren
Hallo zusammen
Auf meiner Seite soll im inneren Bereich eine Tabelle zentriert angezeigt werden. Mit Margin left und right = auto schaffe ich es horizontal.
Jetzt setze ich die Tabelle in ein Div, richte dieses mit
.style.marginTop = ((DatenHeight + KennungHeight + 8)/2) * -1
und mit top:50& aus. Alles schön und toll, doch muss ich damit auch immer die Größe des Divs an die Tabelle anpassen. Und stelle ich padding-top:50% und margin -die Größe (egal ob die Tabelle oder das umliegende Objekt) ohne das Div ein, will nix funktionieren.
Schade aber denn ich würde gerne ein weniger javascript Code einsetzen müssen.
Danke Gruß Andreas
-
Sorry noch was vergessen:
der äußere Bereich wird im Firefox auch noch verschoben. Das stört zwar in diesem Moment nicht, wäre aber mit einer anderen Möglichkeit schöner, wenn ich denn das umliegende Objekt sichtbar machen wöllte. Jetzt weise ich nur eine Funktion zu. Und wie schränke ich den Bereich ein in diesem sich die Tabelle bei änderung des Fenstergröße bewegen darf? Zur Zeit mach ich das per FavaScript.
Danke gruß Andreas
-
Mal mit vertical-align ausprobiert?
Mit freundlichen Grüßen
Hunter 9999
-
Hallo
ich habe noch nie erlebt das vertical-align:middle funktioniert:
<html> <body> <div style="position:relative; vertical-align:middle; top:100px; height:100%; background-color:#9af379; width:auto"> Der Text mal so zum Test </div> </body> </html>Gruß Andreas
-
-