Любопытная ширина 100% CSS проблема - PullRequest
3 голосов
/ 01 сентября 2011

Я только что понял, что у всех браузеров есть странная проблема с визуализацией.

Это тестовый пример: http://jsfiddle.net/cKNQD/

1 .Пожалуйста, масштабируйте ваш браузер, пока не появится нижняя полоса прокрутки.

2 .Затем прокрутите вправо.

Вы увидите, что #header больше не будет иметь ширину 100%.Проблема, кажется, в .wrapper внутри.Мне нужна эта обертка, чтобы ограничить размер содержимого #headers.

Решение приветствуется.

Ответы [ 2 ]

2 голосов
/ 01 сентября 2011

Добавьте min-width: 980px; к заголовку.

См. Обновленная демоверсия скрипки .

Протестировано на Win7 в IE7, IE8, IE9, Opera 11.50, Safari 5.0.5, FF 6,0, Chrome 13,0.

0 голосов
/ 01 сентября 2011

Ширина #header не определена, поэтому она не равна 100%, это " auto ".

Может быть, вам следует удалить "width: 600px" из класса .foo?

...