CSS: жидкий бар с текстом не будет расширяться
У меня есть турник, который получил width из 100%, Внутри горизонтальной полосы у меня есть текст, который выровнен по левому краю 978px контейнер. Всякий раз, когда окно браузера сокращается так, чтобы оно было меньше 978px Широкая полоса прокрутки внизу страницы появляется. Всякий раз, когда я прокручиваю вправо, полоса больше не занимает всю ширину страницы, а остается позади. Я понимаю, почему это происходит, но я не знаю, что делать, чтобы это исправить. Если у вас есть идеи, дайте мне знать. Спасибо!
2 ответа
Ну, у вас #header установлен на 100% содержащего его блока (который будет телом). Когда вы уменьшаете тело, ширина заголовка уменьшается. Если ширина тела меньше ширины контейнера, черная полоса не будет расширяться до конца.
Что именно вы бы предпочли?
-не иметь полосу прокрутки: вынуть контейнер, центрировать текст с помощью #header
- черная полоса расширяет все расстояние: самый простой способ решить эту проблему - дать контейнеру цвет фона.
Изменить:
width: 978px;
чтобы:
max-width: 978px
Это, кажется, делает трюк в FF3, IE7 и Chrome.