1

WebKitベースのすべてでうまく機能しているが、Firefox（または新しいバージョンのIEでも）では機能していないように見えるスティッキーフッターがあります。

ボディの背景色を継承している高さ約200pxのフッターの下に余分なスペースが生成されています。

余分なスペースは、html、body、content、wrapperなどを含むdivの一部ではないようです。また、要素のパディングやマージンが原因ではないようです。

これは、ラッパーdiv内のプッシュdivと別のフッターdivを使用するRyanFaitのCSSStickyFooterメソッドに基づいて構築されています。

redesign.treepuncher.com/freetrial/でチェックできます

4

2 に答える 2

1

ページの下部にあるIframeと著作権により、不要なスペースが作成されています。Webサイトの機能に影響がない場合は、iframeの表示を停止できます。このコードを試してください：

.copy {
    color: #FFFFFF;
    float: right;
    font-weight: 100 !important;
    margin: 95px 15px 0 15px; //Fixes margin at the bottom of this div
}

iframe {
    display: none; //Stops iframe from being displayed
}
于 2013-03-25T01:39:50.260 に答える
0

次のCSSは、それを粘着性にし、下部の不要なスペースを削除する必要があります

.footer {
    background-color: #006837;
    bottom: 0;
    color: #FFFFFF;
    font-family: "roboto",sans-serif;
    font-size: 12px;
    font-weight: 100;
    height: 120px;
    position: fixed;
    width: 100%;
}
.wrapper {
    height: auto !important;
    margin: 0 auto;
    min-height: 100%;
}
于 2013-03-25T01:27:33.617 に答える