Показать сообщение отдельно
  #10 (permalink)  
Старый 26.09.2012, 23:51
Аватар для Dim@
Профессор
Отправить личное сообщение для Dim@ Посмотреть профиль Найти все сообщения от Dim@
 
Регистрация: 21.04.2012
Сообщений: 951

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>

Последний раз редактировалось Dim@, 27.09.2012 в 00:19.
Ответить с цитированием