CSS-позиционирование странно при уменьшении области просмотра

Question

Я управляю сайтом, используя жидкую трехколоночную разметку с заголовком.Макет работает более десяти лет со всеми браузерами, которые я когда-либо решался попробовать.Он основан на абсолютном позиционировании в CSS. На этой странице приведен пример реального сайта.

Просматривая страницу с моего планшета, я обнаружил, что правая колонка перекрывает центральный вопрос.Дальнейшие исследования с использованием Firebug показали, что как только содержимое центра достигает ширины 360px, правое поле div уменьшается.Это почему?Поскольку Firefox и Android отображаются одинаково, я предполагаю, что это то, что на самом деле должно быть.

Однако я попытался сделать добродетель из необходимости и экспериментировал, установив минимальную ширину для тела и контента, ипереполнение прокрутки тела.Тело фактически прокручивается, но правый столбец расположен на правом краю области просмотра вместо элемента body (Firefox).Является ли это преднамеренным стандартом CSS?

Есть идеи, как решить презентацию на маленьких дисплеях?

Спасибо за ваши усилия,- Ларс.

Answer 1

Я некоторое время размышлял, должен ли я отменить вопрос или дать этот ответ.Я решил ответить на себя, так как хотел, чтобы некоторые ответы в относящиеся были представлены при написании вопроса.

Во-первых, ограничение в 360px, по-видимому, является моей собственной глупостью.Есть форма комментария, которая отказывается сокращаться.Это выглядело невооруженным глазом.

Проблема с позиционированием была решена путем добавления position:relative; к телу.Причина объясняется в этом вопросе .

Параметр overflow, который я использовал во время эксперимента, не является необходимым, поскольку поведение по умолчанию прокручивается уже.Но использование любой директивы overflow разрушает IE8.

Так что большое спасибо, пул ответов, наконец, все это получил.