Двухколоночная тема, Помогите сделать обе колонки отдельно прокручиваемыми

Question

Я не уверен, что делать с этим, я не программист, но пытаюсь изучить CSS, так как именно так была написана тема, которую я использую.

Сам я довольно далеко продвинулся, но этот ставит меня в тупик. Тема из двух колонок ... Насколько я смог, я могу использовать следующее:

#left {
   width: 235px;
   padding: 10px;
   margin-left: 20px;
   position: fixed;
   line-height: 15px;

Если я изменю положение на Абсолютное, прокручивается вся страница, Если я оставлю его на Фиксированном и добавлю, скажем, канал в Твиттере или другой тип текста, который перенесет меня через чтение, где вы обычно прокручиваете, просто отключить, не могу добраться до него, выделиться или прокрутить ..

Я также поигрался с идеей изменить тему на тему с 3 колонками, но опять же, не программист, и я был бы очень смущен. любая помощь будет отличной ...

Мой сайт находится по адресу 99lessoxygen.tumblr.com, код был найден с http://nigredotheme.tumblr.com

---

Должен заметить, что если он зафиксирован, прокручивается только правая сторона страницы, а левая сторона заблокирована.

Answer 1

Я верю, что вы ищете overflow:auto;

Вам нужно будет удалить position:fixed.

#box1 {
    height:100px;
    width:200px;
    float:left;
    overflow:auto;
}
#box2 {
    height:100px;
    width:200px;
    float:left;
    overflow:auto;
}

JSFiddle

A position из absolute унаследует абсолютную позицию от относительного родительского div.

Так, например, если у вас есть div, установленный на 1000 пикселей и положение относительно а затем вставьте еще один div внутри этого div с позицией абсолютного и скажем, right:100px он будет отображаться на правой стороне родительского div на 100 пикселей справа

Answer 2

попробуйте дать высоту обоим столбцам и добавьте:

overflow:auto;

Это заставляет полосы прокрутки появляться на его контейнере, если содержимое переполняется.