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

Question

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

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

Answer 1

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

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

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

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

Answer 2

Изменение:

width: 978px;

до:

max-width: 978px

Это, похоже, помогло в FF3, IE7 и chrome.