0

私のcssファイルには多くのdivがあります。これで、html ページに適切なレイアウトが表示されましたが、深刻な問題があります。中央の div に情報を表示すると、その一部しか表示されず、他の情報はヘッダーで覆われます。

つまり、中央の div はヘッダーの後に開始されるのではなく、ヘッダーで開始されるため、データはヘッダーの後ろに表示されます。背後には、両方のコードがあります。

#header{ 
/*background-color: #3B5998;*/
 background-image:-moz-linear-gradient(center bottom , #ebebeb, #999999);
    background: #F6F6F6 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999999), to(#ebebeb));  
height:60px;
position:fixed;
left:0;
width:100%;
}



#center { 
margin-right:200px;
background-color:white; 
min-height:700px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:700px; /* for IE5.x and IE6 */
color:black;

}

この問題につながる何かがここに欠けていますか? この投稿には画像が添付されており、画像のみが表示され、その上のテキストは表示されていません。3 を追加する
と、テキストが表示されます。ここに画像の説明を入力

4

2 に答える 2

1

margin-top: 60px;中央の divに追加します。

#center { 
margin-right:200px;
margin-top: 60px;
background-color:white; 
min-height:700px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:700px; /* for IE5.x and IE6 */
color:black;

}

ヘッダーは position: fixed; であるためです。ドキュメントフローから取り出されたので、下に移動するように指示されない限り、要素はその下に表示されます。

秘訣は、margin-top をヘッダー要素と同じ高さにすることです。

于 2012-09-19T09:38:59.303 に答える
0

float:leftスクリーンショットとして提供できる場合は、それを解決することをお勧めします

于 2012-09-19T09:40:10.103 に答える