Нижний колонтитул отображается позади содержимого, а не внизу страницы - PullRequest
1 голос
/ 02 января 2012

Ну, заголовок говорит сам за себя,

У меня есть нижний колонтитул, который я ожидаю внизу страницы, но вместо этого он появляется за контентом.

Вы можете увидеть проблему здесь:http://inelmo.com (я сделал черный нижний колонтитул, чтобы вы могли его видеть)

HTML

<body>
<div id="header"></div>
   <div id="wrapper">
      <div id="content"> !There is php stuff echoed here! </div>
      <div id="sidebar"></div>
      <div id="footer"></div>
   </div>
</body>

CSS

#wrapper {
    width: 902px;
    margin: 70px auto 0 auto;
}

#content {
    width: 520px;
    padding: 15px;
    float: left;
}

#footer {
    background: #000;
    height: 200px;
}

/* Sidebar */
#sidebar {
    width: 336px;
    float: right;
    padding: 16px 0 0 0;
}

Ответы [ 2 ]

4 голосов
/ 02 января 2012

Добавьте clear: both; к определению стиля вашего нижнего колонтитула

#footer {
    background: #000;
    height: 200px;
    clear: both;
}
2 голосов
/ 02 января 2012

Свойство clear отключает поплавки.

Ссылка - CSS clear

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...