HTML

<div id="pojemnik">
<div id="MENU">menu</div>
<div id="TRESC">tresc, tresc, tresc...</div>
</div>




Wysokość div prawa się zmienia w zależności od ilości tekstu.
Chciałbym, żeby div lewa miała zawsze taką samą wysokość jak div lewa.
Kombinowałem z min-height, samym height. Specjalnie włożyłem te 2 divy do div pojemnik, żeby lewy miał 100% pojemnika, ale nic nie chce działać. Pewnie jest to jakaś błahostka, no ale nie wiem. Proszę o pomoc


CSS

#pojemnik {
}

#MENU {
width: 204px;
min-height: 100%;
float: left;
overflow: hidden;
background-color: #edeee0;

}

#TRESC {
width: 470px;
float: right;
overflow: hidden;
background-color: #edeee0;
}

Było kilka razy.

Kontener display:table, dzieci display:table-cell
Albo użycie flex.

Eh... Męczyłem się i męczyłem i nic mi z tego nie wyszło. W pewnym momencie miałem już menu, które dopasowywało się wielkością do drugiego diva, ale był bardzo dziwny problem. Gdy po lewej miałem tylko litery, z prawą wszystko ok, ale gdy dałem na lewo jakikolwiek obrazek, to tekst zjeżdżał w dół.

Nie wiem jak to zrobić. Może jestem głupi.
Proszę o kawałek kodu, bo wyjdę chyba z siebie. Cały dzień nad tym przesiedziałem.

Może jeszcze raz wyjaśnię:
Chciałbym, żeby div 1 menu miał taką samą wysokość co div 2.
Div 2 zmienia swoją wysokość w zależności od ilości tekstu.
Całość wyśrodkowana, 40px margines górny.
Czarne pola to logo i stopka.

https://jsfiddle.net/koodo218/7Lg67fhn/

Ślicznie dziękuję. Teraz to sobie tylko dopasuję i będzie pięknie.

+pomógł