минимальная ширина: 960 пикселей с центрированным расположением и дополнительными «крыльями»

Question

Цель состоит в том, чтобы иметь min-width: 960px; с центрированным расположением и дополнительными «крыльями» для большего экрана.

См. Текущую реализацию с использованием отрицательных полей: http://dl.dropbox.com/u/8313423/wings.html

Проблема в том, что когда размер окна составляет 960 пикселей или меньше, существует горизонтальная прокрутка, которая позволяет прокручивать до конца желтогоdiv (но должно быть до конца текста).В этой реализации горизонтальная прокрутка появляется, когда точка обзора достигает желтого div, но она должна отображаться только тогда, когда она достигает текста.Мне кажется, что отрицательное правое поле игнорируется.

Есть идеи, как исправить поведение горизонтальной прокрутки?

Answer 1

Проблема в том, что у вас есть 70px отступов с каждой стороны, и отступы включены в размер поля.Вместо ширины 960 пикселей, он имеет ширину 1100 пикселей (960 + 70 + 70 = 1100).Даже если у вас отрицательные поля, размер ящика не зависит от них, поэтому вы получите горизонтальную прокрутку на любой ширине меньше 1100 пикселей.