Добрый день, у меня проблема с тем, что изображение нижнего колонтитула не растягивается при изменении размера браузера.Я пытался использовать липкий нижний колонтитул, но я не думаю, что он работает.
Я использую сетку 960 для своего макета, поэтому мне пришлось создать другой div, чтобы обернуть фон нижнего колонтитула, чтобы он работал через браузер ...
По какой-то причине, когда я растягиваю браузер, в нижней части моего фонового изображения (в разделе нижнего колонтитула) есть это белое пространство.
Мой xhtml выглядит примерно так ... Пожалуйста, почувствуйтебесплатный предварительный просмотр моего сайта здесь: http://www.ofsgraphics.com/ofsv3
<body>
<div id="container">
<div id="contentMainBackground"></div> <!-- background image for content */
<div id="contentMain" class="container_12"></div>
</div><!-- end of container -->
<div id="footerMainBackground"></div><!-- background image for footerMainBackground -->
<div id="footer" class="container_12"></div>
CSS:
#footerMainBackground {
background:url("../images/footer_bg.jpg") repeat;
min-height:150px;
width:100%;
position:fixed;
overflow:hidden;
clear:both;
}
#footer {
padding:30px 0 0 0;
}
Буду очень признателен за вашу помощь.
Спасибо.