2012-08-01 16 views
2

На моем сайте: http://www.thetechnodaily.com нижний колонтитул на домашней странице в порядке из-за большого количества контента. Но на страницах с небольшим контентом, например о странице, это не внизу страницы. Нижний колонтитул находится в конце содержимого, а не внизу страницы. Есть ли способ, чтобы нижний колонтитул всегда оставался внизу?Нижний колонтитул внизу страницы

ответ

0

Если вы имеете в виду, имеющие фиксированный колонтитул, который всегда показывает в нижней части вам нужно будет использовать фиксированное положение bottom: 0px поэтому он всегда будет оставаться там, даже если содержание не заполняет экран

#footer_id { 
     position:fixed; 
     bottom:0px; 
     height: "whatever"; 
    } 
+0

Я не думаю, что OP имеет в виду это. Как и на связанной веб-странице, нижний колонтитул должен находиться под всем содержимым. – irrelephant

0

да вы можете использовать липкий колонтитул

 <div id="footer"></div> 

#footer 
     { 
     position: relative; 
     margin-top: -50px; /* Give the height of footer as negative margin */ 
     height: 50px; 
     clear:both; 
     } 

этой ссылка может помочь вам

http://www.cssstickyfooter.com/using-sticky-footer-code.html

+0

Нет. Я не говорю об этом. См. «Как нижний колонтитул ниже содержимого, поэтому он всегда внизу». Но, когда контент меньше, он все еще находится внизу контента, но не внизу экрана. Я хочу, чтобы это было в нижней части экрана. –

+0

Это не сработало. –

+0

thats только липкий нижний колонтитул – Prashobh

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