0

だから、背景の写真を含む div を Web ページに表示しようとしています。IE では問題なく表示されますが、クロムでは全画面表示でなくてもページがきれいに表示され、ウィンドウを全画面表示にすると、div 2 の境界線の右側が約 20 ピクセル広すぎます。最初の div は使用可能な画面のサイズで、2 番目の div はその中央にある 75% です。また、クロムが最初の div で 100% の高さを認識していないように見えます。これが私のcssスタイルシートです：

 @charset "utf-8";
 /* CSS Document */

 #main {    
    background-repeat:no-repeat;
    background-size:cover;
    font-size: 24px;
    font-family:Georgia, "Times New Roman", Times, serif;
    text-align:center;  
    padding:40px;

    height:100%;
    width:100%;
    position: relative;
    background-image: url(../graphics/craig-smith-background.jpg);
}

#body {
    min-height:500px;
    width:75%;
    background-repeat:no-repeat;
    background-image: url(../graphics/back2.jpg); 
    margin: 0 auto;
    position:relative;
    border:groove;
    border-color:#333;
    border-width:5px; (edit)
    padding:0;
}

私は両方のdivでパディングとマージンを試しましたが、これを理解できないようです。

（編集）指定する必要があります。境界線と右側の画像の間に20pxのスペースがあり、そこにdiv 1の背景画像が表示されます.

4

2 に答える 2

2 
border:groove;
border-color:#333;
border-width:thick;

を使用しないでくださいthick。必要なピクセル数を指定してください。「2px」でも「5px」でも何でも構いません。

于 2013-02-25T21:27:49.243 に答える
0

問題は、dreamweaver がローカル ファイルを更新しないことでした。Photoshop で画像ファイルを変更して保存しました。Dreamweaver はファイルの更新を認識しませんでした。

于 2013-03-01T13:35:57.037 に答える