Всегда показывать нижний колонтитул внизу страницы

Я хочу показать нижний колонтитул в нижней части страницы относительно области содержимого. Поэтому он должен адаптироваться, если мой браузер меньше или больше, до тех пор, пока область содержимого не остановится.Всегда показывать нижний колонтитул внизу страницы

Я пытался следовать this link, но я не могу заставить его работать на моем сайте.

Я добавил PUSH DIV в нижней части моей области содержимого
Я установил правильные высоты и корректировки в CSS

Моей сноска по-прежнему отображается на полпути на моем экране, а также столовых вверх по названиям. Ребята, которые продали мне тему Wordpress, неохотно помогают мне ...

Если бы кто-нибудь мог вести меня в правильном направлении, это было бы большой помощью!

источник

2015-02-09 A T I X

Возможный дубликат [Как вы можете видеть нижний колонтитул внизу веб-страницы?] (Http://stackoverflow.com/questions/42294/how-do-you-get-the-footer-to-stay -at-the-bottom-of-a-web-page) –

@SleekGeek, спасибо за сообщение. Я этого не видел. В моем случае я не думаю, что тема в настоящее время выполняет третий вариант. У меня есть раздел 'footer', а затем' div = sub-footer'. –

Я думаю, что это может сделать то, что вы хотите:

body { 
    padding-bottom: 50px; 
    /* Set a padding-botton equivalent 
    to the height of your footer 
    this is for preventing the 
    footer to be covered because 
    of its z-index 
    */ 
} 
footer{ 
    position: fixed; 
    bottom: 0; 
    width: 100%; 
    z-index: -999; 
}

Надеется, что это работает;)

источник

2015-02-09 20:46:45

Мне нужен знак минуса для z-index! Теперь он работает :) –

Не забудьте прокладку в нижней части тела;) –

Добавьте следующий код в CSS:

footer{ 
    position: fixed; 
    bottom: 0; 
    width: 100%; 
    z-index: 999; 
}

Колонтитул будет всегда на дне.

источник

2015-02-09 20:34:59 Dzhambazov

Благодарим вас за ответ. Это отлично работает, только одна проблема. Нижний колонтитул всегда отображается внизу, даже если основное содержание не отображается полностью. Я бы хотел, чтобы он оставался в нижней части страницы, но не будет двигаться вверх, когда экран слишком мал (если вы знаете, что я имею в виду?) –

Я бы также дал +1, но вам нужно 15 реп. –

Я получил его, мне нужен минус в z-index;) –

Ok поэтому вопрос здесь это, вы можете вставить элемент в нижнюю часть, как @Dzhambazov предложил либо с position:absolute или position: fixed он будет оставаться на месте внизу, даже если это на полпути ваш контент.

Таким образом, вы можете пойти с другими заместителями, такими как: How do you get the footer to stay at the bottom of a Web page?

Упоминается в комментариях, но это не будет так легко с темой, как предварительно построенном вы будете бороться со структурой тематического Дэв.

То, что вы могли бы сделать в качестве исправления, чтобы сделать его более терпимым, состоит в том, чтобы увеличить минимальную высоту содержимого, чтобы он «подделывал» нижний колонтитул дальше, у этого есть свои обратные спины и может означать, что ваш нижний колонтитул нижней части порта просмотра, но если это раздражает вас на этом уровне. вы можете попробовать.

#content { 
min-height: 200px; 
/* forces the content block to take up space */ 
}

надежда, что помогает другим мудрым наклеить колонтитула на дно, как mentiones и он всегда отображается, но заметьте, что может громить мобильный телефон, так что вы хотите, чтобы удалить расположение для телефонов и т.д.

через запрос СМИ

источник

2015-02-09 21:00:08

Всегда показывать нижний колонтитул внизу страницы

ответ

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