CSS:Жидкая панель с Текстом не будет расширяться

Question

У меня есть горизонтальная перекладина, которой был присвоен width из 100%.Внутри горизонтальной полосы у меня есть текст, выровненный по левому краю в пределах 978px контейнер.Всякий раз, когда окно браузера сжимается так, что оно становится меньше 978px в широком смысле появится полоса прокрутки в нижней части страницы.Всякий раз, когда я прокручиваю страницу вправо, полоса больше не занимает ширину страницы, а вместо этого остается позади.Я понимаю, почему это происходит, но я не знаю, что сделать, чтобы это исправить.Если у вас есть какие-либо идеи, дайте мне знать.Спасибо!

Пример страницы

Answer 1

ну, у вас #header установлен на 100% содержащего его блока (который будет телом). Когда вы уменьшаете тело, ширина заголовка уменьшается. Если ширина тела меньше ширины контейнера, черная полоса не будет вытягиваться полностью.

Что именно вы бы предпочли, чтобы он сделал?

- не иметь полосы прокрутки: вынуть контейнер, отцентрировать текст с помощью #header

- черная полоса расширяет все расстояние: самый простой способ решить эту проблему - дать контейнеру цвет фона.

Answer 2

Изменение:

width: 978px;

Для:

max-width: 978px

Казалось, это сработало в FF3, IE7 и Chrome.