html — Липкий нижний колонтитул при включении нижнего колонтитула. Переполнение стека
Мне было интересно, как я могу сделать так, чтобы мой нижний колонтитул прилипал к нижней части страницы, независимо от длины страницы. Я бы включил свой файл footer.php, используя include (‘footer.php’) внизу каждой страницы. Я уже искал хороший ответ, но ничего не нашел работ, потому что каждый урок предполагает, что вы делаете нижний колонтитул на каждой странице, а не включаете его. Кто-нибудь знает, какой CSS я должен использовать, чтобы сделать это?
Нижний колонтитул HTML:
<html>
<body>
<footer>This is my footer</footer>
</body>
</html>
Index.php пример:
<html>
<head>
<?php
include('nav.php');
?>
</head>
<body>
<p>Blah blah blah</p>
<?php
include('footer.php')
?>
</body>
</html>
Спасибо
Решение
Я думаю, что ваш файл footer.php должен содержать только элемент нижнего колонтитула и его содержимое:
<footer>...</footer>
затем добавьте к вашему CSS:
footer {
position: absolute;
bottom: 0;
width: 100%;
height: 60px; // or any suitable height
display: block;
}
html {
position: relative;
min-height: 100%;
}
Другие решения
Я не уверен, но вам также может понадобиться добавить пробел внизу содержимого страницы, чтобы избежать его блокировки нижним колонтитулом.
Я не думаю, что вы можете закрыть и открыть тело и HTML дважды, когда вы делаете это так, как выглядит HTML-страница:
<html>
<head>
<?php
include('nav.php');
?>
</head>
<body>
<p>Blah blah blah</p>
<html>
<body>
<footer>This is my footer</footer>
</body>
</html>
</body>
</html>
поэтому вы должны сделать нижний колонтитул следующим образом:
<footer>This is my footer</footer>
</body>
</html>
и ваша HTML-страница, как это:
<html>
<head>
<?php
include('nav.php');
?>
</head>
<body>
<p>Blah blah blah</p>
<?php
include('footer.php')
?>
И если я вас правильно понял, ваш CSS должен содержать положение: исправлено, как вы можете прочитать здесь: https://www.w3schools.com/cssref/pr_class_position.asp