2

私がデザインしようとしている Web ページは、1024x768 の解像度にしか適合しないようです。解像度が高くなると、画面の下部に大量の空きスペースができます。私は CSS にかなり慣れていませんが、エラーが位置プロパティの欠如に関係していると確信しています。フッターとメイン div を画面の一番下に移動するか、ページをスケーリングします。誰かが私に欠けているものを教えてくれたら、私は永遠に感謝します.

http://www.eightbitbastards.com/8bbtest/index.html

4

2 に答える 2

1

html と body で 100% の高さを使用し、要素の絶対配置を含むラッパーで 100% を使用します。

html, body {
    height: 100%;
}

#wrapper {
    background-image: url("../images/bg-repeat.png");
    background-repeat: repeat;
    height: 100%;
    min-width: 768px;
    position: relative;
}

#main {
    bottom: 21px; /* lifting it up 21px from bottom to allow for footer slotting in */
    height: auto;
    left: 0; /* change accordingly to left position */
    min-height: 309px;
    position: absolute;
    width: 768px;
}

次に、フッターを下部に残しておきたい - 下部を 0 にして絶対配置に設定します。また、#wrapperid ではなくクラスを使用します。

于 2013-07-02T00:35:37.020 に答える
0

ラッパー div にある背景をページの本文に追加します。

body {
     background-image: url(http://www.eightbitbastards.com/8bbtest/images/bg-repeat.png);
     background-repeat: repeat;
}
于 2013-07-02T00:43:12.450 に答える