• Підвал веб-сторінки

    2016-04-13 22:05:56

    Поділитися в Facebook Поділитися ВКонтакте Поділитися в Однокласниках

    Проста методика закріплення підвалу внизу сторінки засобами HTML та CSS.

    HTML 5:

    <div class="wrap">
     <header></header>
     <div class="content"></div>
    </div>
    <footer></footer>

    CSS:

    html, body {height: 100%;}
    .wrap {min-height: 100%;}
    .content {padding-bottom: 150px;}
    .footer {
     position: relative;
     margin-top: -150px;
     height: 150px;
     clear: both;
    }

    Отримаємо жорстко зафіксований підвал висотою 150 пікселів.