ansi_str,
кстати
Сообщение от Dim@
|
обернуть хедер и футер в один див и этот див привязать к низу
|
получится что футер уже привязанный к низу,
<style>
*
{
padding: 0;
margin: 0;
}
html, body
{
height: 100%;
}
body
{
background: #fff;
color: #000;
font: 12px Tahoma, Helvetica, Arial, Verdana;
}
.wrap
{
position: relative;
min-height: 100%;
width: 1000px;
margin: 0 auto;
bottom:0px;
}
.clear
{
clear: both;
height: 0;
padding: 0;
margin: 0;
overflow: hidden;
}
.empty
{
height: 100px;
}
.footer
{
position: relative;
height: 100px;
background: #ddd;
width: 1000px;
bottom:0px;
}
/* other styles */
.header, .footer, .sidebar-left, .sidebar-right, .content
{
height:100%;
font-size: 24px;
background: #eee;
}
.header
{
height: 100px;
}
.sidebar-left, .sidebar-right
{
width: 200px;
background: #ccc;
}
.sidebar-left
{
float: left;
}
.sidebar-right
{
float: right;
}
.content
{
background: #fafafa;
}
</style>
<div class="parent">
<div class="wrap">
<div class="header">
Шапка
</div>
<div class="sidebar-left">
Левая колонка
</div>
<div class="sidebar-right">
Правая колонка
</div>
<div class="content">
Центральная колонка
</div>
<div class="clear">
</div>
</div>
<div class="footer">
Футер
</div>
</div>