Как прижать футер к низу страницы, даже если мало контента - это просто:
<div id="container">
<div id="main">
<div id="header"></div>
<div id="sidebar"></div>
<div id="content"></div>
<div id="pustoy"></div>
</div>
<div id="footer"></div>
</div>
#main {
height:100%;
margin: 0 0 -150px; /*150px это высота футер*/
}
#pustoy {
clear:both;
height:200px;
}
А остальное как у тебя, получается растягиваешь блок main на всю высоту и задаешь ему отрицательный маргин, что б футер залез на него. А див #pustoy это что бы при увеличении контента, он не залазин под футер, кстати это кустарный способ, можно как-то с помощью CSS, псевдо-класса :after, но я не помню как.
Кстати очень рекомендую:
<div id="container">
<div id="main">
<div id="header"></div>
<div id="sidebar"></div>
<div id="content"></div>
<div id="pustoy"></div>
</div>
<div id="footer"></div>
</div>
#main {
height:100%;
margin: 0 0 -150px; /*150px это высота футер*/
}
#pustoy {
clear:both;
height:200px;
}
А остальное как у тебя, получается растягиваешь блок main на всю высоту и задаешь ему отрицательный маргин, что б футер залез на него. А див #pustoy это что бы при увеличении контента, он не залазин под футер, кстати это кустарный способ, можно как-то с помощью CSS, псевдо-класса :after, но я не помню как.
Кстати очень рекомендую:
Тільки зареєстровані користувачі бачать весь контент у цьому розділі