0

ウェブサイト用に作成したフッターがありますが、何らかの理由でウィンドウの幅を変更すると、ウィンドウの幅を縮小すると背景画像が右側全体に消えてしまうようです。

フッターは、画面の下部全体に 100% 伸びるはずであり、ウィンドウの幅を特定のポイントに縮小し始めるまでそうします。

ここで私の問題の例を見ることができます

これを修正する方法はありますか？私は完全に困惑しています。多分私は幅に何か間違ったことをしましたか？

例

4

2 に答える 2

1

の幅#footerは に設定されてautoおり、( ) 内のコンテンツ#content-wrapperは固定幅です。

これにより、水平バーが表示されます。

これを解決するoverflow:hiddenには、親 div ( #footer) に設定します。

これを試して：

#footer {
    background-image: url("images/footer-bg.png");
    background-repeat: repeat-x;
    height: 451px;
    margin: auto 0;
    width: 100%;

    overflow: hidden; //What you're looking for.
}

内側の div ( #content-wrapper) も動的にサイズ変更する場合は、幅のピクセル サイズではなくパーセンテージを使用します。

#footer #content-wrapper {
    height: 451px;
    margin: auto;
    width: 83%;
}
于 2012-07-10T01:30:16.317 に答える
0

こんにちは私はあなたのデモページをチェックしましたあなたはあなたのフッターを定義しましたwidth 1265px そして今

あなたの定義する最小幅よりもあなたのhtmlまたはbodyこのように

body, html {
    min-width: 1265px;
}

最大幅が1265であるため、フッターに定義 same widthして、body or html

于 2012-07-10T04:24:56.097 に答える