1

そこで、パディングの変更と幅 100% を試しました。私はこれを理解しようとして1週間ほど探していました。ヘッダー画像をページとフッター全体に表示したい。私のフッターは機能しますが、ヘッダーは機能しません..ここに私のCSSコードがあります:

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

    margin:0px;
    padding:0px;

}

h1,h2,h3,h4,h5,h6,span
{
    margin:0px;
    padding:0px;
}


#headerbg
{

width:100%;
height:360px;
float: left;
margin:0px;
padding:0px;
background-image:url(images/headerbg.jpg);
background-repeat:repeat-x;



 }

 #headerblank
{
    width:1004px;
    height:309px;
    float: none;
    margin:0 auto;
    padding:0px;
}
 #header
{

width:100%;
height:360px;
float: left;
margin:0px;
padding:0px;
background-image:url(images/header.jpg);
background-repeat:no-repeat;

}

あなたの助けと提案をありがとう！

4

1 に答える 1

0

これを試して：

 #header
{    
   width:1004px;
   height:360px;
   /*float: left;  remove this */
   margin-left: auto;
   margin-right: auto;
   padding:0px;
   background-image:url(images/header.jpg);
   background-repeat:no-repeat;

}

#headerBlank
{
   width:100%;
   /* the rest of your css... */
}

Chromeで指定したWebサイトリンクでこれをテストしました。

于 2012-11-29T00:17:31.920 に答える