DIV zentrieren und dennoch scrollen erlauben

[Bart]

Hallo,

wenn ich ein DIV fester Breite auf die mir bekannte Weise zentriere:

left: 50%; margin-left: -460px;

dann klappt das, solange die Fensterbreite groß genug ist. Allerdings verschwinden links Teile des DIVs, wenn das Browserfenster schmaler wird (z.B. smartphone, netbook) und der Nutzer bekommt keinen Scrollbalken für das horizontale Scrollen zu sehen (zumindest FF 3.6 und 4). Das gleiche Problem tritt auch beim Versuch der vertikalen Zentrierung auf. (mit entsprechend top:50%; maring-top:-XXX px

Daher meine Frage:
Wie zentriere ich ein DIV im Browser und erlaube dennoch das volle Scrollen in alle Richtungen bis zum Rand des DIVs wenn das Fenster mal zu klein sein sollte?

Habt vielen Dank :-)

[wildmieze]

Moin^^

Wenn es nur ums horizontale Zentrieren geht, tut es normalerweise auch ein "margin:0 auto;" .. vertikal wüsste ich spontan nichts (außer einzellige Hilfstabelle) - aber ich bin da auch nicht auf dem Laufenden ..

[threadi]

Und als Ergänzung: die dir "bekannte Weise" ist die absolute Positionierung, die in dem Fall aber wie wildmieze zeigte unnötig ist. Voraussetzung: gültiger Doctype.

[hero-master]

Hi,
normalerweise sollte es Scrollbalken geben, wenn die Höhe und Breite nicht ausreicht, auch bei absolut positionierten Objekten. Da wäre es mal nicht schlecht ein Beispiel zu sehen. Auf Tabellen würde ich verzichten, sondern dann lieber auf Media-Queries zurückgreifen.

[wildmieze]

Nee, bei der "linken Rand inne Mitte und dann 50% nach links verschieben"-Methode rutscht der Container einfach (vermutlich bis maximal zur Hälfte) links aus dem sichtbaren Bereich raus und lässt sich dann nicht mehr erreichen... wäre ja sonst auch unlogisch, ich könnte mir vorstellen, daß dieser Effekt von negativen Margins in manchen Fällen sogar erwünscht ist ..

[hero-master]

Stimmt, Scrollbalken gibt es trotzdem

[wildmieze]

Echt? Auch wenn nur ein Stück des Containers verschwindet ..? Hab ich noch nie drauf geachtet^^