页脚不合适

时间:2013-04-15 16:53:23

标签: html css footer sticky-footer

我知道这里可能有一百万个关于不合适的页脚的帖子。我已经阅读过它们并经历了所有这些消化并尝试了它们!

无效!

我想知道这是因为我有一个PHP页脚...我不知道这是否有所不同!无论如何,这里是代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>bla bla</title>
<link rel="icon" href="favicon1.ico" type="image/x-icon">

<link rel="stylesheet" href="css/style.css">

<script src="js/main.js"></script>
</head>
<body>
<?php include_once("template_top.php"); ?>
<div id="pagecorpo">

contents  

</div>
<?php include_once("template_down.php"); ?>
</body>
</html>

这是我的“template_down.php”的代码:

<div id="pagedown">

<span><a href="#">Om porjektet</a></span>
- <span><a href="#">Hjälp</a></span>
- <span><a href="#">Kontakter</a></span>
- <span><a href="#">Privacy policy</a></span>
</div>
<div id="pagedown2">Brand of the website :: 2013</div>

这就是CSS:

body {
    width:1000px;
    height: 100%;
    margin:auto;
    background:#282828;
}

a img {
    border:none;
}

#pagecorpo {
    height:420px;
}

#pagedown {
    width:100%;
    background-color:#87b640;
    height:20px;
}

#pagedown2 {
    width:100%;
    background-color:#fff;
    height:20px;
}

注意:我知道我应该拥有100%高度的#pagecorpo,但我已经尝试过了,还有一个带有“clear:both;”的页脚包装器。它真的没用。因此,这是原始代码。

该页面包含加载动态内容的javascript内容(根据用户的交互更改大小)。我希望页脚总是停留在底部...

那么,该怎么办?

0 个答案:

没有答案