css - 跨页面的 CSS 标头

Question

所以我尝试了填充更改和宽度 100%。我一直在寻找一周左右的时间来解决这个问题。我希望页眉图像穿过页面和页脚。我的页脚有效，但页眉无效..这是我的 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;

}

感谢您的帮助和建议！

Answer 1

尝试这个：

 #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 上提供的网站链接上对此进行了测试。