CSS: Жидкая полоса с текстом не расширяется
У меня есть турник, которому дали width из 100%. Внутри горизонтальной полосы у меня есть текст, выровненный по левому краю в контейнере 978px. Каждый раз, когда окно браузера уменьшается до ширины менее 978px, внизу страницы появляется полоса прокрутки. Всякий раз, когда я прокручиваю вправо, полоса больше не охватывает ширину страницы, а остается позади. Я понимаю, почему это происходит, но не знаю, что делать, чтобы это исправить. Если у вас есть идеи, дайте мне знать. Спасибо!
Ответы 2
ну, у вас #header установлен на 100% содержащего его блока (который будет телом). Когда вы уменьшаете тело, ширина заголовка уменьшается. Если ширина тела меньше ширины контейнера, черная полоса не будет расширяться до конца.
Что именно вы бы предпочли?
-нет полосы прокрутки: вынуть контейнер, центрировать текст с помощью #header
- черная полоса расширяет все расстояние: самый простой способ решить эту проблему - дать контейнеру фоновый цвет.
Хотя это работает для приведенного мной примера, это не работает в контексте моего веб-сайта. Причина в том, что я использую контейнерный класс несколько раз в своем коде. Однако он не должен иметь серый фон несколько раз.
Что вы делаете, когда у него нет фона? Если это разные цвета, вы можете просто использовать несколько классов css.
Кофи, это то, чем я закончил = / Хотел узнать, есть ли способ получше.
Изменять:
width: 978px;
к:
max-width: 978px
Похоже, это помогло в FF3, IE7 и Chrome.
Хотя это работает для приведенного мной примера, это не работает в контексте моего веб-сайта. Причина этого в том, что установка моей «оболочки» на максимальную ширину, а не на ширину, приводит к тому, что части моей страницы сжимаются, когда они мне тоже не нужны, если окно браузера слишком маленькое, чтобы их вместить.
Лучше сказать это: страница никогда не прокручивается, если установлена максимальная ширина ... она просто продолжает сжиматься. Хочу прокрутить.
@John, Может, и min-width выставить?
«дать контейнеру цвет фона» - это именно то, о чем я подумал.