HTML i CSS - jak zakodować takie ułożenie?

Question

Witam,

zastanawiam się jakie jest najlepsze rozwiązanie dla zakodowania takiej aplikacji (jak na zdjęciu)

Szary blok- ma 66% szerokości strony, Czerwony i czarny - 34% szerokości.

Aplikacja jest jedno okienkowa.
Czarny blok jest zawsze w tym miejscu i ma stałą wysokość 100px.
Treść w czerwonym nie mieści się na jednym widoku, więc scrolluję się i "wyjeżdża" spod czarnego.

I teraz pytanie jak to zakodować najlepiej (chodzi głównie o czerwony i czarny blok) - bo obecnie mam ustawiony czerwony blok na 90% wysokości - co niestety jest złym rozwiązaniem. Czasem czerwony blok kończy się X px nad czarnym a czasem jest pod czarnym (co jest problematyczne bo są też tam przyciski, które się "chowają").

Mogę napisać html i css od początku, więc obecny kod nie jest potrzebny. Proszę o pomoc i nakierowanie.


 

Answer 1

position: fixed? wtedy ustawiasz elementy tak jak uważasz + ewentualnie aby apka zawsze dobrze wyglądała użyć keyframes