html - 缩放时标题右侧的空白

Question

我正在开发this网站。

我面临的问题是放大时标题右侧的空白。我做了各种各样的事情，但未能用黑色填充标题部分的白色区域。

相关CSS代码:(代码太长就不贴了，大家可以去官网找)

header
{
    float:left;
    width:100%;
    height:700px;
    background:#000000;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
}

.header_main
{
    background: #000000;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
    float:left;
    height:800px;
    width:100%;
}

Answer 1

有很多问题，按照下面的建议进行:

1 .slideshow{margin: -10px 0 0 50px;} 从 .slideshow 类中删除这一行

2 .headrouter{ padding-left:100px; width:1200px;} 移除 padding-left 并设置 width:1100px

3 #site_content {margin-left:50px; } 移除 margin-left

4 添加 overflow-x:hidden 到正文如下:

       body {
       background: none repeat scroll 0 0 #FFFFFF;
       font: 80% Arial,Helvetica,sans-serif;
       overflow-x: hidden;
      }

这应该可以解决问题。