При разрешении экрана меньше минимального - фон участка, вышедшего за пределы экрана, исчезает. Подскажите как бороться с этой проблемой? Ставил для блока с фоном min-width: 100%; body и html ставил width: 100%; но ничего не помагает. При этом вёрстка должна быть резиновой. Как быть, подскажите? Вот пример, чтоб было наглядно - web-step.meximas.com
Если увеличивать масштаб или сужать окно экрана - то возникает эта проблемма
Полная Версия: Проблема с фоном при масштабировании
упростил код до минимума, чтоб осталась только сама проблема. Вот код html:
вот код css:
<body>
<div id="wrap">
<div id="header"></div>
</div>
</body>
вот код css:
html, body {
min-width: 100%;
}
#wrap {
background: #cc0;
height: 200px;
min-width: 100%;
}
#header {
background: #c00;
height: 100px;
min-width: 1000px;
}
Вот фото проблеммы 
Всё, проблема решена применением свойства display: inline-block; к обёртке
html, body {
min-width: 100%;
..
min-width: 100%;
/* и тд*/
вот скажи как такое может быть?
все что ты тут пишешь это
минимальное значение ширины может быть
МИНИМУМ Сто ПРОЦЕНТОВ? :blink: :blink:
вообще такое в природе бывает :blink:
тогда от противного, а сколько это МАКСИМУМ СТО ПРОЦЕНТОВ ;)
;)
минимум и максимум пишется в пискселях, а в прцентах , это будет часть размера от основного
но 100% от полного размера , это круто, :rolleyes:
вот браузер и маестся, ну не знает ,что ему делать очередной раз , как понимать этот код. /он предпологает что !ВДРУГ! отнего что то подобное просят/
Вообщем твой код НЕ ПРЕДСКАЗУЕМ :D
)) может ты хочешь раскрыть страницу больше чем окно браузера,
и так что-то скрыть или двигать туда сюда, по горизонтали и вертикали.
но зачем делать страницу больше возможности окна браузера.
_____________
«Гнусное свойство карликовых умов приписывать
________________!свое духовное убожество другим!»
___О) как-же он прав=>__________________ © Оноре де Бальзак.
отличный хост(рекомендую !! )
My MVC-CMV
YVSIK
В тегах html и body согласен, это лишнее. А вот в дивах это помогает решить некоторые проблеммы. К примеру, если надо, чтоб фон растягивался на весь экран, но при уменьшении размера экрана меньше минимально-допустимой ширины (1000px) появлялась горизонтальная полоса прокрутки - то применение свойства min-width: 100% помогает справиться с этой задачей. И при этом, если контент вылезет за пределы экрана - то фон будет растягиваться. В общем для резиновой вёрстки - без этого никак.
Для лучшего понимания - убери в этом коде у блока #wrap это свойство - и поймёшь его значение.
p.s. Хотя я уже сказал, проблема решена, и причиной проблемы свойство width не являлось
В тегах html и body согласен, это лишнее. А вот в дивах это помогает решить некоторые проблеммы. К примеру, если надо, чтоб фон растягивался на весь экран, но при уменьшении размера экрана меньше минимально-допустимой ширины (1000px) появлялась горизонтальная полоса прокрутки - то применение свойства min-width: 100% помогает справиться с этой задачей. И при этом, если контент вылезет за пределы экрана - то фон будет растягиваться. В общем для резиновой вёрстки - без этого никак.
Для лучшего понимания - убери в этом коде у блока #wrap это свойство - и поймёшь его значение.
p.s. Хотя я уже сказал, проблема решена, и причиной проблемы свойство width не являлось
Здесь расположена полная версия этой страницы.