1

このウェブサイトのページの下部にフッターを貼り付けようとしています: https://account.radonsystems.net .

残念ながら、私が使用した他の場所では機能していますが、機能していないようです。

スティッキーの CSS は次のとおりです。

html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {overflow:auto;
padding-bottom: 57px;}  /* must be same height as the footer */

#footer {position: relative;
margin-top: -57px; /* negative value of footer height */
height: 35px;
clear:both;}

/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/
}    

.footer a,.footer a:hover{text-decoration:underline;color:#FFF;}

底にくっついていない理由を誰かが知っていますか？

4

3 に答える 3

4

一番下でそれを修正するためのより良いオプションを教えてください

スタイルを適用するだけです

#footer {
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:57px;
}

よろしくお願いいたします。

ワジー

于 2010-12-25T03:22:52.340 に答える
0

他の場所で動作する場合は、CSS ではなく、その HTML ページに何か問題があるに違いありません。HTML ページのコードを投稿するか、実際に正しく動作するものと比較してください。

于 2010-12-25T03:25:35.873 に答える
0

このリンクのスティッキー フッターのチュートリアルを見て、スティッキー フッターの概念がどのように機能するかを確認してください。これは、html 構造と css を比較して問題を見つけるのに役立ちます。htmlを教えていただければ一緒に調べます。

于 2012-04-10T19:52:13.777 に答える