Fieterich: Flexbox / horizontale Zentrierung (auf Viewport bezogen)

Beitrag lesen

Hallo,

ich habe eine Musterseite erstellt, in der ich in bestimmten Bereichen mit sich mehrfach wiederholenden Flexboxen (sagen wir grob, pro Unterkapitel eine Box) nutze. Im konkreten Fall sind das immer zwei Boxen nebeneinander; die linke Box enthält Informationen, die rechte Box Icons, die sich auf den Inhalt der linken Box beziehen (drucken, nach oben etc.). Die Höhe der Boxen wird bei mir derzeit durch die Höhe des Viewports bestimmt, außerdem benutze ich Scrollbalken für die linke Box mit den Informationen. Da liegt das Problem. Es entstehen so Doppelscrollbalken, die aufgrund der Seitenstruktur auch noch ziemlich dicht beieinander liegen.

Nun möchte ich die linke Box in voller Höhe zeigen (wobei diese sehr unterschiedlich ausfallen kann). Mir ist klar, dass die rechte Box sich dem anpasst, aber ich hätte gerne die Icons in der rechten Box immer im Sichtbereich, also innerhalb des Viewports. Ich habe dazu viel gefunden, aber nichts im Verbindung mit Flexboxen (die prima funktionieren).

Kann mir jemand helfen?

Gruß

Fieterich