2

.pageCSS をページの最後まで拡張しようとしています。画面の終わりではなく、HTML ページの情報が終わるところまで。どうすればいいですか？.page の現在の構成は次のとおりです。

.page{
  width: 800px;
  height: 550px;
  margin: 0px auto;
  background: #FCFCFA;
  margin-top: -5px;
}

どうすればこれを達成できますか。これを使用しているページがいくつかありますが、すべて同じ長さではないため、これを動的に調整したいと考えています。これが役立つ場合、情報は#main1と.siderightです。他に投稿する必要がある情報があれば、喜んで投稿します。

HTML: http://pastebin.com/1MZt1as4
2 番目のページ: http://pastebin.com/CCDFe9B3
CSS: http://pastebin.com/BSLDjc4D

4

2 に答える 2

0

これでできます。 

html {

    min-height: 100%;
}
body {
    padding:0px;
    margin:0px;

    height: 100%;
}
div.container {

    min-height: 100%;
}

あなたのコード:

html{
    min-height: 100%;
}
body{
    background-image:url('../Pictures/Background.png');
    background-repeat:repeat-x;
    background-color:#AEAEAE;
    font-family: Verdana;
    padding:0px;
    margin:0px;
    height: 100%;
}

高さで後ろの目盛りがありました: 体の 100%

//これらの .page と .pageout をどこまで拡張しますか? 高さを指定しました。ページの長さ全体に拡張する場合は、高さを次のように設定する必要があります。

min-height: 100%;

//===================

.page{
    width: 800px;
    height: 550px;
    margin: 0px auto;
    background: #FCFCFA;
    margin-top: -5px;
}
.pageout{
    width: 810px;
    height: 555px;
    margin: 0px auto;

    background: #C0CACF
}
于 2013-06-12T15:32:04.873 に答える