С чем связано не до конца заливание background'a?

Question

[Сергей]

exchangeme.ru/weather.html если сжать браузер до 1024 и прокрутить горизонтальный ползунок вправо, то там будет не до конца заполнен фон.

Answer 1

[Юрий Лобанов]

upd:
@serzhei не хочу делать работу за Вас, просто лень разбираться с каждым блоком. Но в голову приходит следующее решение — помимо width:100%; этим блокам, в которых фон, надо задать min-width: XXXpx;, где XXX — минимальная ширина, при которой появляется скролл. Отпишитесь по результату.

У Вас там есть такой <div class="blue-block-main">
Вот ему и задан этот background, а ширина у него 100%, что значит — равна ширине видимой области. Так что все логично.

Comments

[Сергей]

а как сделать так, чтобы фон заполнялся до конца? там такая же проблема и в основном фоне. раньше я както делал, сейчас от давности не использования позабыл

[Юрий Лобанов]

@serzhei добавил ответ.

[Сергей]

@iiil спасибо помогло)) - min-width: 1024px; а то что-то я зациклился на width: 100%; min-width: 100%;

Answer 2

[barkalov]

Поведение фона - стандартное и логичное. Ваша проблема в другом: контент не помещается в ширину экрана. Виной тому нерезиновые размеры блоков (li.*, blue-block) без float. Почините это и вопрос с фоном снимется сам собой.

Либо сделайте @media для разных разрешений, если вы приверженец нерезиновой пиксельной верстки.
Либо установите float: left для внутренних блоков + clearfix для конейнера, если вы приверженец адаптивной верстки.

Comments

[Сергей]

спасибо за помощь, я сначала поставил минимальную ширину в пикселях, а потом еще через @media для минимального разрешения выровнял основной блок посредине