0

コンテンツとサイドバーをラップした div メインがあります。#main に背景画像と 1200px の最小高さを割り当てました。

Google Chrome と Firefox では、ソースを調べたときに div を調べてもプロパティがありません。したがって、div の背景画像と高さも機能しません。

<!--Main content layout -->
#main {
clear:both;
position: relative;
min-height: 1200px;
background-image:url(images/white.png);
background-repeat: repeat-x;

}

.sidebar1 {
float: right;
width: 20%;
padding-bottom: 10px;
margin-top: 20px;
}
 .content {
padding: 10px 0;
width: 76%;
float: left;
margin-top: 20px;

}

サイトアドレスはhttp://www.tibetskyvillage.org/です。

これに他の誰かの目を本当に感謝します。私はいつもこの方法を使用していますが、何らかの理由で今回は失敗しています。

4

2 に答える 2

1

コメント<!--Main content layout -->は有効な CSS コメントではなく、代わりに解析エラーを引き起こす HTML コメントです。

于 2012-11-09T20:36:57.923 に答える
0

ここに画像の説明を入力してください

スクリーンショットを参照してください。レイアウトにいくつかの障害が見つかりました。これを修正するか、問題を解決するには、CSSで画像を背景として指定しないでください。このように、HTMLで画像を指定してください。

<img width="1360" height="675" src="images/bg0.jpg" class="wraper">
<div id="main">Your content</div>

画像にスタイルを追加し、メインとして

.wraper {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

#main{
position: absolute;
min-height: 1200px;
width:100%;
}
于 2012-11-10T07:49:03.663 に答える