Верстаю с помощью 960gs, делаю так:
<div class="container">
<header class="header">
</header>
<main class="main">
</main>
</div>
<div class="clear"></div>
Хедер находится в пределах контейгнера container_12, а футер вынесен, чтобы не ограничивалась ширина.
<footer class="footer">
</footer>
В классах:
html,body{
height:100%;}
.container{
min-height:100%;
height:auto !important;
height:100%;
margin:0 auto -476px;}
.footer{
height:476px;
width: 100%;
background: url(../img/footer_img.jpg) repeat-x;
position:absolute;
}
Под футером все равно остается пустое место, выглядит не красиво. Попробовала этот же способ на новом документе, без дополнительных свойств, задавая только фон блоков - все работает.
Где может быть ошибка? Может для 960gs этот способ не работает?
Извините, если вопрос уже был, не нашла здесь. В гугле ничего не нашла.
Простой