Контент, текущий над липким нижним колонтитулом

Question

У меня есть обертка для моего веб-сайта, и я в настоящее время кодирую полностью функционирующий веб-сайт в первый раз в HTML5, и у меня возникают проблемы с тем, чтобы мой нижний колонтитул «прилип» к нижней части обертки.

Когда я играю с CSS, мне иногда удается получить нижний колонтитул, чтобы придерживаться нижней части обертки, однако, если содержимое обертки (статей/разделов) находится над слоем браузера, тогда содержимое в пределах обертка обрывает край оберток, поскольку высота обертки только кажется высотой разрешения экрана (в этом случае 768). Таким образом, контент заканчивается за нижним колонтитулом.

код В любом случае:

 <footer> 

    <p><small>&copy; Copyright blahdeblah 2013. All Rights Reserved.</small></p> 

    </footer> 

CSS:

html,body{ 
height:100%; 
} 

    #wrapper { 
height:100%; 
margin:0px auto; 
position:relative; 
width:900px; 
} 

footer{ 
background:#B4B4B4; 
border:5px solid #FFFFFF; 
height:50px; 
line-height:45px; 
position:absolute; 
bottom:0px; 
text-align:center; 
width:100%; 
} 

Так по существу моя обертка не расширяется с содержанием :(

Answer 1

Как вы можете видеть, высота вашей обертки устанавливается до 100% .Это означает, что высота обертки не будет превышать высоту экрана пользователя, даже если содержимое в ней может. Удаление части «height: 100%» должно решить вашу проблему. экран будет короче, чем содержимое в обертке, появится скроллер.