2


0

さまざまなコンテンツの高さの下マージン

解決しようとしている問題がありますが、進展はありません。

これは私のコードの要約です:

          Some content here (Varying height)



body {
     background-image: url('img/bg_Body.gif');
     margin:0px 0px 0px 0px;
}

#container {
    position: relative;
    width: 880px;
    margin-left: auto;
    margin-right: auto;
    top: 0px;
    min-height: 100%;
}

#content {
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url('img/faux_tile.png');
    min-height: 200px;
    padding-top: 105px;
    padding-right: 80px;
    min-width: 400px;
    padding-left: 80px;
    padding-bottom: 110px;
}

コンテンツとページの終わりの間にマージンを追加するにはどうすればよいですか? faux_tile.pngはページの終わりまでをカバーします。ページの終わりとfaux_tile.pngの間にマージンが必要です。これはbg_Body.gifを示す小さなマージンです。

私を助けてください、それは大歓迎です。 ありがとうございます。

2 Answer


0


これを試して:

#content {
    position: absolute;
    top: 0px;
    left: 0px;
    right:0;
    bottom:20px; /*this should give you 20px margin at the bottom*/
    background-image: url('img/faux_tile.png');
    min-height: 200px;
    padding-top: 105px;
    padding-right: 80px;
    min-width: 400px;
    padding-left: 80px;
    padding-bottom: 110px;
}

もう1つの方法は、「#container」に100%未満の「min-height」を与えることです。


-1


body`に margin-bottom`を与えることができます。

コンテナが「位置:絶対」であっても、_should_はマージンを強制します。