2009-10-14 23 views
2

У меня тяжелое время с простым фрагментом CSS для нижнего колонтитула. Текст нижнего колонтитула должен всегда находиться в конце страницы и конец экрана, что приходит позже.css для текста нижнего колонтитула

+0

Конец страницы * и * конец экрана? Не будет ли «в конце страницы» достаточным основанием? Если страница бежит в нижней части экрана, нижний колонтитул будет внизу страницы (т. Е. Не отображается на экране). Если вы перейдете в нижнюю часть страницы, нижний колонтитул все равно будет внизу страницы, но будет отображаться на экране ... Возможно, пример кода того, что вы пытаетесь достичь, может помешать мне связать мой разум логическими узлами ... :) – Town

+0

, если страница очень короткая (просто занимает половину экрана), то я все еще хочу, чтобы нижний колонтитул находился внизу экрана, а не и посередине. – flybywire

ответ

0
* { 
    margin: 0; 
} 
html, body { 
    height: 100%; 
} 
.wrapper { 
    min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */ 
} 
.footer, .push { 
    height: 142px; /* .push must be the same height as .footer */ 
} 

/* 

Sticky Footer by Ryan Fait 
http://ryanfait.com/ 

*/ 
-1

Используйте bottom свойство:

#footer 
{ 
    position:absolute; 
    bottom:2px; 
} 
+0

Это положение будет расположено в нижней части окна просмотра. Если страница была длиннее, она не была бы внизу страницы (что конкретно задано). – Quentin

+0

Если бы тег тела имел положение: относительный; – gnud

+0

@ Давид, да, это было бы - вы попробовали? Я использовал его в нескольких проектах. См. Http://www.w3schools.com/CSS/pr_pos_bottom.asp – ANaimi

0

Для рабочего примера, который вы могли бы выбрать, кроме я уже делал это одно и то же для клиента нашего:

Pushed Down Page - Fixed Position Page

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