Auf dieser Website sieht man mein Problem:
ich zentriere in der Mitte des viewports ein mini-div (center), hier rot dargestellt. Darum habe ich ein div (content) mit weißem rahmen, welches zentiert werden soll. Die Höhe und Breite dieses divs werden sich nie ändern. Desweitern habe ich darunter eine Liste, die beliebig lang werden kann, aber nicht mit zentriert werden soll. Soweit klappt das super.
Wenn nun aber der User einen sehr kleinen viewport hat, oder man das Browserfenter klein zieht ist es einem nicht mehr möglich die obere oder linke Seite des content-divs zu sehen. Man gelangt dort nicht mehr über die Srollbalken hin. Wunderbar klappt das bei dem rechten und unteren Rand des divs und der unteren Liste. Sobald zum Beispiel die Liste den Rand des Viewports überschreitet, erscheinen Scrollbalken und man kann dahin scrollen.
Frage: warum funktioniert das nicht für den oberen und linken Rand?
Und: wie kann ich mein Ziel erreichen?
Das top div brauche ich nicht wirklich, ich dachte nur, damit kann den Browser vielleicht zum dorthin-scrollen bewegen.
Leider versagen da meine Css-Kenntnisse völlig. Bin schon froh, es soweit geschafft zu haben. Vielleicht kann mir ja hier einer/eine helfen. Grüße.