0

かなりの量のデータを含む自分のサイトのページで作業しているため、ページが非常に長くなります。このページは、本体の背景画像と背景画像を含むコンテナーで構成され、どちらもページ全体に表示されます (上下の余白や上下の余白はありません)。背景画像で問題が発生しています。特定の解像度でページの下部まで拡張されていません。私がコーディングしている画面の幅は 1680px で、現在両方の背景画像が一番下まで伸びています。ただし、解像度の低い画面 (幅 1280 ピクセルなど) でページを表示すると、背景画像が一番下まで伸びません。

XHTML 1.0 Strict を使用しています。

関連する HTML コードは次のとおりです。

<body class="ice01">
<div id="maincontent2">
<!-- content -->
</div>
</body>

関連する CSS コードは次のとおりです。

.ice01 {
background-image: url('../images/iceBackground04.jpg') ;
    margin: 0 100px; 
font-family: book antiqua; 
font-size: 19px; 
color: #12124c;}


#maincontent {
width: 88%;
background-image: url(../Images/BlueParchment.jpg);
margin: 0px auto;
padding: 0px 32px 0px 32px;}

この問題は、ウィンドウのサイズを変更した場合にも発生します。また、背景画像を取り出して色に置き換えると、この問題はなくなります。バックショートハンド ( background: #0000ff url('../images/iceBackground04.jpg') repeat 0 0;) を使用してみましたが、問題は解決しません。

両方で使用min-height: 100%;してみましたが、問題は解決しません。また、W3C を介して Web ページを検証しましたが、すべてチェックアウトされているため、タグの欠落や閉じられていないことが原因ではないと思います。

問題のページの URL は次のとおりです: http://icengale.com/icenDeities-Mainen.html

「リセット」cssファイルを使用していますが、それを削除しても問題は解決しないため、問題の原因ではないと思います。

ありとあらゆる助けが大歓迎です、ありがとう!

4

1 に答える 1

0

動作する場合は、次の css を試してください。

.ice01 {
background:url(../images/iceBackground04.jpg) repeat-x 0 0;
margin: 0 100px; 
font-family: book antiqua; 
font-size: 19px; 
color: #12124c;}


#maincontent {
width: 88%;
background:url(../images/BlueParchment.jpg) repeat-x 0 0;
margin: 0px auto;
padding: 0px 32px 0px 32px;}
于 2013-07-03T04:56:27.770 に答える