Ich suche nach einer gültigen browserübergreifenden Lösung für eine HTML-Seite, die:
<div>
, der den Hauptinhalt Ich weiß, dass eine vertikale Zentrierung möglich ist, wenn der Verpackungsbehälter eine statische Höhe hat. Ist es möglich, diese Höhe auf die Höhe des Browserfensters einzustellen? (Vorzugsweise sollte kein JS verwendet werden.)
Sie könnten so etwas tun. Es scheint auch in IE6 zu funktionieren:
%Vor%Ist einfach nicht ohne JavaScript möglich, zumindest nicht mit CSS2 oder früher (nicht sicher, ob CSS3 dies ermöglicht, jemand klärt darüber).
Die anderen bereitgestellten Antworten erfordern absolute Breite und Höhe für das Element; Ich habe keine solche Anforderung angenommen. Es gibt keine Möglichkeit, ein fließendes Element vertikal zu zentrieren, was Sie normalerweise möchten, da Sie das Seitenverhältnis des Browserfensters nicht kennen, um Container fester Größe für den Inhalt zuverlässig zu verwenden.