1

私のスティッキー フッターは、Safari と Chrome を除くすべてのブラウザ、特に work.html ページ自体でうまく機能します。

http://obliqueinteractive.com/creative/work.html

この css 属性をスタイル シートから削除すると、問題は解決しましたが、フッターが貼り付けられなくなりました。

html, body {height: 100%;}

フッターがこのように動作することを強制している他の css の問題がある可能性はありますか?

4

3 に答える 3

1

スティッキーフッターとパディング付きのdivのコード：

body{
background-image: url(../images/main_bg.jpg);
background-repeat: repeat-x;
}
#wrapper{
width: 961px;
margin: 0 auto;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -104px; 
}
.footer, .push {
height: 104px; 
}
#work_colm{
width: 675px;
float: left;
display: inline;
padding-bottom: 40px;
}
#footer {
margin: 0 auto;
background: #292929 repeat-x;
height: 104px;
clear: both;
}
于 2010-01-22T07:22:21.327 に答える
1

まず、コードを見ずに診断するのは困難です。はい、スティッキーフッターに影響を与える可能性のある他のCSSの問題は間違いなくあります。つまり、他の要素のパディングです。繰り返しますが、コードが表示されない場合、診断するのは困難です。

このスティッキーフッターは素晴らしく、よく使いました。

于 2010-01-22T05:56:27.110 に答える
-2

（フローティングフッター要素に）次の変更を加えましたが、サファリ、オペラ、Firefox、クロームで動作するようになりました。 

width: 101%;
margin-left: -8px;

8pxが私にとっての修正なのか、それともすべての修正なのかはわかりませんが、試してみてください。

于 2010-09-23T19:56:40.720 に答える