Ich habe eine Website, die eine feste Breite hat und in der Mitte ausgerichtet ist.
Leider kann ich den Inhalt nicht horizontal scrollen, wenn das Browserfenster kleiner wird als die angegebene Breite.
Wie kann ich das umsetzten?
overflow: scroll für den äußersten Div war nicht erfolgreich.
Nun, einen Grund dazu habe ich nicht wirklich. Bei einer Auflösung von 1024 x 768 erkennt man noch alles. Da liegt also nicht das Problem.
Ich wollte nur eine Möglichkeit schaffen, die Seite auch bei eventuell kleineren Fenstern so darzustellen, dass man wenigstens durch Scrollen an den Rest der Seite ran kommt
Es hat mich auch einfach generell interessiert. Wer weiß, wann man’s mal braucht?
Bei einer
Auflösung von 1024 x 768 erkennt man noch alles. Da liegt also
nicht das Problem.
Stimmt. Die Auflösung ist bei Websites ja auch irrelevant. Das Problem kannst Du auch mit großen Auflösungen nachvollziehen. Ausschlaggebend ist nur der Viewport.
Ich wollte nur eine Möglichkeit schaffen, die Seite auch bei
eventuell kleineren Fenstern so darzustellen, dass man
wenigstens durch Scrollen an den Rest der Seite ran kommt
Ich nehme an, dass Deine Art zu zentrieren daran schuld sein kann. Wenn Du die „Positioniere bei 50% und schiebe dann um die Hälfte der Breite nach links“-Variante nimmst, scrollt der Inhalt links aus dem Browser raus, wo man auch mit Scrollbalken nicht mehr ran kommt.
Wenn Du ein Block-Element normal zentrierst (margin:0 auto) dann geht alles. Und Scrollbalken kommen immer, wenn der Inhalt nicht mehr in das Element passt, und Du das nicht z.B. durch „overflow:hidden“ ausgeschlossen hast.
Es hat mich auch einfach generell interessiert. Wer weiß, wann
man’s mal braucht?
Das geht schneller, als die meisten Anfänger-Webmaster glauben wollen (Handy, PDA, Netbook, …).
Ich gehe davon aus, dass das Browserfenster maximiert ist und
daher der Viewport ähnliche Maße haben sollte wie die
Auflösung des Monitors.
Wie kommst Du darauf? Das kannst Du im WWW nicht.
Außerdem haben unterschiedliche Menschen und unterschiedliche Browser unterschiedlich viele Tool- und/oder Sidebars, weswegen der Viewport selbst bei maximiertem Browserfenster eigentlich fast immer deutlich andere Werte liefert, als was die Auflösung hergibt.