0

私はWebアプリケーションを構築しています。

ページにフッターを追加しました。

Firefoxではフッターが大きくなります（水平方向）。考えられる理由はありますか？

ここで説明するように、フッターはスティッキーなdivです-http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

コンテナCSS-

.container{

    background: #ffffff;
    width: 90%;
    min-height: 100%;
            height: auto !important;
            height: 100%;

    background: #FFF;
    margin: 0 auto -60px;
    max-width: 1200px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
    min-width: 768px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */

}

フッターCSS-

#footer {
        height: 60px;

        background-color: #F0F0F0  ;

    width: 90%;
    margin: 0 auto 0;

    -moz-border-radius: 2px;
    border-radius: 2px;
        }
4

2 に答える 2

3

コンテナ要素の時点で、フッター要素のこれら2つのプロパティを追加するだけです。

#footer
{
max-width: 1200px;
min-width: 768px;
}
于 2013-03-09T04:03:25.207 に答える
0

固定フッターUIデザインのこの問題を解決するには、cssのマージンの-60pxを削除します

于 2013-03-09T13:05:44.780 に答える