html — Липкий нижний колонтитул с включенным переполнением стека

Question

html — Липкий нижний колонтитул с включенным переполнением стека

<DOCTYPE! html>
<head>
<link rel="stylesheet" type="text/ccs" href="css/indexcss.css">
</head>

<body>
<div id="wrapper">
<div id="header">
<?php
include("utilbar.php");
include("navbar.php");
?>
</div>

<?php
if (isset($_GET["type"])) {
$page = $_GET["type"];
}
else {
$page = "home";
}

//echo "<body onload=\"changeContent('".$page."')\">";
?>

<!--script>
function contentOnload() {
window.location.href('content.php');
}
</script-->

<script>
function navClick(contentName)
{
window.location.href = "index.php?type=" + contentName;
}
</script>

<div class="container">
<?php include($page.".php"); ?>
</div>

<div class="footer">
<?php include("footer.html"); ?>
</div>
</div>
</body>
</html>

CSS здесь:

html, body {
height: 100%;
margin: 0;
padding: 0;
}
.container {
width: 100%;
margin: auto;
margin-top: 0;
padding: 0;
}
.footer {
bottom: 0;
position: absolute;
}

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

Вот нижний колонтитул HTML CSS:

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/footercss.css">
<title>Footer</title>
</head>
<body>
<div id="containerf">
<div id="logos"></div>
<div id="foottext">
<a href="http://youtube.com" target="_blank"><img src="https://web-answers.ru/wp-content/uploads/2019/02/youtube.png" height="25" width="25"></a>
<a href="http://twitter.com" target="_blank"><img src="https://web-answers.ru/wp-content/uploads/2019/02/twitter.png" height="25" width="25"></a>
<a href="http://facebook.com" target="_blank"><img src="https://web-answers.ru/wp-content/uploads/2019/02/fbtrp.png" height="25" width="25"></a>
<b>| Schaafstraat 137 | &copy; 2016 Kopala | All rights reserved.</b>
</div>
</div>
</body>
</html>

#containerf {
width: 100%;
height: 180px;
background-color: #006666;
position: absolute;
bottom: 0;
margin-bottom: 500px;
}

#foottext {
line-height: 180px;
text-align: center;
color: #d9d9d9;
}

#foottext img {
padding-right: 5px;
}

-1

css footer html php sticky

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

В каком файле вы установили .footer на bottom: 0; ? Кажется, вы объявили это в обычном style.css, но в fotter.htm вы включили footercss.css

Вы должны вставить дно: 0; к footercss.css

0