Guten Morgen!

Ich habe ein DIV derzeit mittig horizontal ausgerichtet. Das Gleiche wollte ich auch vertikal machen, jedoch schiebt sich dann bei einer kleinen Auflösung das DIV über den Browserrand hinaus.

Ich habe nun auf der folgenden Seite: Link festgestellt, dass wenn man den Browser in der Breite zusammenschiebt, sich das innere DIV nur leicht nach oben schiebt und umgedreht.

Wie kann man sowas realisieren, sodass sich die vertikale Ausrichtung an der Breite orientiert?
Oder gibt es vll. eine Möglichkeit, zu verhindern, dass sich das DIV mittig positioniert, aber dennoch bei kleiner Auflösung nicht über den Browserrand hinaus schiebt?

Vielen Dank!

Zitat von Sasser

Ich habe ein DIV derzeit mittig horizontal ausgerichtet. Das Gleiche wollte ich auch vertikal machen, jedoch schiebt sich dann bei einer kleinen Auflösung das DIV über den Browserrand hinaus.

Also in dieser Art: http://d-graff.de/selfhtml/center1.html

Zitat von Sasser

Oder gibt es vll. eine Möglichkeit, zu verhindern, dass sich das DIV mittig positioniert, aber dennoch bei kleiner Auflösung nicht über den Browserrand hinaus schiebt?

http://d-graff.de/selfhtml/center2.html bzw. http://d-graff.de/fricca/center.html

Zitat von dreifragezeichen

... bzw. http://d-graff.de/fricca/center.html

Hallo,
diese Methode wird hier näher erklärt:
Eine Seite vertikal und horizontal zentrieren: 2. Die sichere Zentriermethode

Vielen Dank, genau das was ich gesucht habe.

Ich habe dazu noch eine Frage.

In dem Beispiel wird ein DIV mit fester Höhe vertikal mittig positioniert. Gibt es auch eine Möglichkeit das DIV mit unterschiedlicher Höhe vertikal mittig positionieren?

Also wenn das DIV höher als die Browserhöhe ist, soll am oberen Rand schluss sein und sich das DIV nur noch nach unten ausbreiten. Wenn allerdings das DIV in der Höhe kleiner ist, soll es mittig positioniert werden.

Vielen Dank!

Vertical and horizontal centering an element of no specific width or height - You thought this was impossible didn't you?

Paul O’Brien zentriert in dieser Variation seiner "Vertical-align:examples" (http://www.pmob.co.uk/) ein Formularelement mit unbekannter Boxendimension im Browserfenster - solange die Abmessungen seines Viewports über denen des Elements liegen - ist dem nicht so, wird das Element, wie auch in den zuvor empfohlenen Demos, am oberen u. linken Fensterrand ausgerichtet, und dem Nutzer stehen die Scrolllaufleisten zur Verfügung.

Treffer! Versenkt!

Vielen Dank!

Leider funktioniert das nicht im Zusammenspiel mit meinen Divs. Ich werde wohl die ganze Sache wieder auf Tabellen umbauen, denn dort ist eine vertikale Zentrierung möglich und man muss sich nicht irgendwelchen Hacks bedienen, welche dann in Zukunft nicht mehr funktionieren etc.