Настройте часть HTML-страницы как прокручиваемую ⇐ CSS

[Anonymous]

Я хочу настроить на своей странице следующий макет:

Чтобы разделить страницу на две части, я написал:

Код: Выделить всё

    
body {
font-family: Arial;
}

.split {
height: 100%;
width: 50%;
position: fixed;
z-index: 1;
top: 0;
overflow-x: hidden;
}

.left {
left: 0;
}

.right {
right: 0;
....

и

Код: Выделить всё

.. content layout 1


some content layout 2

.... long content ...

как настроить Макет 3 на возможность прокрутки, но не на Макет 2?
Обновлен HTML-макет:




Подробнее здесь: https://stackoverflow.com/questions/793 ... scrollable