2012-01-02 2 views
1

Ну название говорит само за себя,Footer появляется за содержание, а не в нижней части страницы

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

Вы можете увидеть проблему здесь: 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; 
} 

ответ

4

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

#footer { 
    background: #000; 
    height: 200px; 
    clear: both; 
} 
+0

работал;) Спасибо, я могу принять ответ в 5 минут, во время ожидания вы можете объяснить то, что «ясно» используется для? – Ilja

Смежные вопросы