footer не отображается в нижней части других divs (прокрутка включена)

Я использовал этот код css, а нижний колонтитул не отображается внизу страницы. пожалуйста, помогите мнеfooter не отображается в нижней части других divs (прокрутка включена)

div#footer{ 
width:100%; 
color:#fff; 
background-color:#333; 
text-align:center; 
font-family:'B Roya'; 
position:relative; 
clear:both; 
}

и мой HTML-код:

<div id="footer"> best display in FireFox</div>

источник

2013-07-11 CLONER

Что именно проблема? :) –

нижний колонтитул отображается в середине страницы, и он не находится внизу. – CLONER

Просто введите "

" в конец вашего html? –

Попробуйте

<html> 
<head> 
    <style type="text/css"> 
     * { 
      margin: 0; 
     } 
     html, body { 
      height: 100%; 
     } 
     #wrapper { 
      min-height: 100%; 
      height: auto !important; 
      height: 100%; 
      margin: 0 auto -4em; 
     } 
     #footer{ 
      height: 4em; 
      background: yellow; 
     } 
    </style> 
</head> 
<body> 
    <div id="wrapper"> 
     <p>Your website content here.</p> 
    </div> 
    <div id="footer"> 
     <p>Copyright (c) 2013</p> 
    </div> 
</body>

источник

2013-07-11 12:35:52 user2572620

В вашем примере прокрутка отключена, но на моей странице она включена. – CLONER

Нет никого, кто мог бы мне помочь? Мне срочно нужно построить эту страницу – CLONER

tnx all .... Я нашел свою проблему – CLONER

footer не отображается в нижней части других divs (прокрутка включена)

ответ

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