У меня тяжелое время с простым фрагментом CSS для нижнего колонтитула. Текст нижнего колонтитула должен всегда находиться в конце страницы и конец экрана, что приходит позже.css для текста нижнего колонтитула
ответ
* {
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/
*/
Используйте bottom
свойство:
#footer
{
position:absolute;
bottom:2px;
}
Это положение будет расположено в нижней части окна просмотра. Если страница была длиннее, она не была бы внизу страницы (что конкретно задано). – Quentin
Если бы тег тела имел положение: относительный; – gnud
@ Давид, да, это было бы - вы попробовали? Я использовал его в нескольких проектах. См. Http://www.w3schools.com/CSS/pr_pos_bottom.asp – ANaimi
Для рабочего примера, который вы могли бы выбрать, кроме я уже делал это одно и то же для клиента нашего:
- 1. Изменение текста нижнего колонтитула
- 2. css переход нижнего колонтитула
- 3. Позиционирование нижнего колонтитула CSS
- 4. CSS Относительный размер верхнего колонтитула/нижнего колонтитула
- 5. место нижнего колонтитула Html css
- 6. Подложка нижнего колонтитула html/css
- 7. CSS - как стиль нижнего колонтитула
- 8. Проблема компоновки нижнего колонтитула CSS
- 9. WP выравнивание темы текста нижнего колонтитула
- 10. css для создания типичного нижнего колонтитула
- 11. текст нижнего колонтитула перемещен из нижнего колонтитула
- 12. Нижний колонтитул нижнего колонтитула CSS CSS
- 13. Изменение текста нижнего колонтитула в GridView
- 14. Добавление текста нижнего колонтитула SVG или PDF
- 15. Ширина нижнего колонтитула и выравнивание текста
- 16. Белая полоса нижнего колонтитула
- 17. палка нижнего колонтитула внизу
- 18. Фон для свернутого нижнего колонтитула
- 19. CSS - Эффект нижнего колонтитула сайта Dropbox?
- 20. Изображение нижнего колонтитула CSS не отображается
- 21. CSS - Центрирование фонового изображения нижнего колонтитула
- 22. Базовая установка нижнего колонтитула
- 23. Как правильно выровнять центр социального нижнего колонтитула и нижнего колонтитула?
- 24. Липкий цвет нижнего колонтитула и нижнего колонтитула не меняется
- 25. CSS background image и текст нижнего колонтитула
- 26. Позиционирование нижнего колонтитула с CSS и 960gs
- 27. Редактирование выравнивания нижнего колонтитула
- 28. Ошибка нижнего колонтитула
- 29. Определение нижнего колонтитула боковой панели CSS
- 30. Макет нижнего колонтитула 100% ширина и содержание до нижнего колонтитула
Конец страницы * и * конец экрана? Не будет ли «в конце страницы» достаточным основанием? Если страница бежит в нижней части экрана, нижний колонтитул будет внизу страницы (т. Е. Не отображается на экране). Если вы перейдете в нижнюю часть страницы, нижний колонтитул все равно будет внизу страницы, но будет отображаться на экране ... Возможно, пример кода того, что вы пытаетесь достичь, может помешать мне связать мой разум логическими узлами ... :) – Town
, если страница очень короткая (просто занимает половину экрана), то я все еще хочу, чтобы нижний колонтитул находился внизу экрана, а не и посередине. – flybywire