2 столбца, левый адаптируется к содержимому, правый занимает все оставшееся пространство

Question

Столбцы должны:

• быть в полный рост
• иметь вертикальные полосы прокрутки, если необходимо, но не горизонтальные

Это то, что я получил до сих пор (вместе с нижним колонтитулом и заголовком)

http://jsfiddle.net/HZMCX/11/

Проблема с моим кодом в том, что текст на правой панели начинается с середины экрана, а не рядом с левой панелью.

 [Ignore this, this is so stackru allows me to post the link to jsFiddle ]

Любые идеи о том, как это исправить? Спасибо!

Answer 1

Ваш код может быть применен намного проще, чем у вас есть сейчас:

Рассмотрим просто плавающий боковой столбец и основное содержимое и настройку ширины жидкости на обоих. http://jsfiddle.net/MygUu/

Оберните общий макет в классе.container и установите для переполнения скрытый.

.container {
  overflow: hidden;
}

Кроме того, рекомендуется не стилизовать с помощью селекторов идентификаторов. Надеюсь, это поможет.