私は設計しているページにこのフッターがありますが、問題が発生しました。フッタはページの下部に貼り付けられますが、内容はそれを過ぎることができます...これは私が意味することです - http://i46.tinypic.com/2zted15.png。 http://pastebin.com/ZKCuBjhnコンテンツでフッタープッシュを作成するにはどうすればいいですか？
おかげで高度でたくさん：
は、ここに私のフッターの私のCSS/HTMLコードです。 pastebin.com/RAj11cPP --- CSSコード：pastebin.com/0kMgb1R2
注：
タグのとんでもない量で - ：編集
HTMLコードここ は、ページ全体のコードですコードは私の問題を実証することでした。
フッタスタイルにclear: both;を追加してみてください。ページの残りの部分のコードを見るといいでしょう。それは、ページの下部にとどまったように、固定にhttp://pastebin.com/Letx9hPA
私はあなたのフッターの位置を変更：
本当の答えは：これはあなたが望むものよりあるよう
あなたのコードを見た後、それはそうです。それがあなたが望むものでない場合は、すべての位置を一緒に取り除き、自由に押し下げることができます。
また、私はあなたのコンテンツをすべて表示するために必要なスペーサーを追加できるように、コンテンツ部門にコンテンツをラップしました。 Spacerはフッターの高さであるpadding-bottom: 100pxを設定して追加しました。
問題はありません。ここにHTMLコードhttp：// pastebinがあります。com/RAj11cPPとCSSコード：http://pastebin.com/0kMgb1R2注：ばかげた量の
タグは私の問題を示すことでした。 –
Richie
div：position：absoluteを使用しているため、ページの通常の流れから除外します。その後、上位のコンテンツが通過します。
あなたの前のhtmlが上の部分全体を囲んでいるようなdivの場合は、divを使用します。絶対位置を決めるのではなく、width：100％とmargin：0 autoを使用します。問題はフッターではなく、フッターの前に来るコードです。
divの場合は、高さを指定してmin-heightを使用する必要があります。そのため、内部のコンテンツがオーバーフローした場合、divはうまく動作し、フッターを下に押します。高さを使用すると、divはその高さを採用し、オーバーフローした内部が漏れます。あなたは絶対に答えは別のものである、あなたのフッターを配置する必要がある場合は
<div class="header">menu 1 - menu2 - menu3</div>
<div class="center">Middle<br />
Middle<br />
Middle<br />
Middle<br />
Middle<br /><br />
v
v
Middle<br /><br />Middle<br /><br />Middle<br /><br />v
v<br />v
Middle<br /><br />v
v<br />Middle<br />
v
v
v
v
v
v
vMiddle<br />Middle<br />Middle<br />Middle<br />
<br />Middle<br />Middle<br />Middle<br />Middle<br />Middle<br />Middle<br />Middle<br />
</div>
<div class="footer">Footer</div>
：
body {
background-color: #d6d6d6;
}
.header {
background-color: #006F8D;
color: #fff;
margin: 0 auto;
width: 600px;
height: 100px;
}
.center {
background-color: #fff;
color: #454545;
margin: 0 auto;
width: 600px;
min-height: 100px;
}
.footer {
background-color: #fff;
color: #454545;
margin: 0 auto;
width: 600px;
height: 50px;
border-top: 1px solid #ccc;
}
HTMLのために今、CSSのためです：
は、ここで簡単なコードです。それを明確にして、私はもう一つの質問に答えます。
EDIT：鉱山とあなたのコードは、（自分のCSSを使用していない、と神は、その非推奨タグを使用しないでください!!!!フォント、中央など）
<style type="text/css">
.header {
background-color: #006F8D;
color: #fff;
margin: 0 auto;
width: 600px;
height: 100px;
}
.center {
background-color: #fff;
color: #454545;
margin: 0 auto;
width: 600px;
min-height: 100px;
}
.footer {
background-color: #fff;
color: #454545;
margin: 0 auto;
width: 600px;
height: 50px;
border-top: 1px solid #ccc;
}
</style>
</head>
<title>Website Homepage</title>
<body>
<!--====================Begin Navigation Bar========================-->
<div class="header" id="navigation">
<div style="float:left;">
<a href="index.html">Home</a>
<a href="signup.html">Sign Up</a>
<a href="login.html">Login</a>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
</div>
</div>
<!--====================End Navigation Bar==========================-->
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<!--====================Begin Content Area======================-->
<div class="center" style="padding:10">
See my problem?
</div>
<!--====================End Content Area========================-->
<!--====================Begin Footer========================-->
<div class='footer'>
<div style="padding-top:20px;">
Website. All Rights Reserved.
<form action="http://www.google.com/search" method="get" onSubmit="Gsitesearch(this)">
<input name="q" type="hidden" />
<input type="text" placeholder="Search our site..." name="qfont" /> <input type="submit" value="Search" />
</form>
</div>
</div>
<!--====================End Footer==========================-->
</body>
</html>
我々はより多くのコードが必要残りのページ。 – element119
オリジナルの投稿にフルコードへのリンクを追加しました。 – Richie
あなたは絶対的な配置が必要か、真ん中がそれを下に押すときに流れなければならないのですか？ – Billeeb