html - 使页眉适合屏幕宽度

Question

现在，我的标题在屏幕上看起来不错，但它滚动时好像标题太宽了，这是否有意义？我的宽度设置为 100%，所以我缺少什么吗？这是代码。HTML:

<div id="header">
<center>
<table border="0" width="950px">
    <tbody>
    <tr>
    <td>
        <div class="mainRunner"><img class="background" height="200px" src="http://i.imgur.com/1laWPRb.png" width="3000px" /> <img class="mainheader" height="150" src="http://i.imgur.com/sdqMfWT.png" width="500" /></div>
        </td>
        <td>
        <div class="contactinfo"><img class="phone" height="40" src="http://i.imgur.com/5Wew8PC.png" width="250" /> <a href="mailto:kerralt@aol.com"><img class="email" height="30" src="http://i.imgur.com/bXs6aht.png" width="200" /> </a></div></div>
        </td>
    </tr>
</tbody>
</table>

这是 CSS:

#header {
width: 100%;
margin-left: auto;
height: 172px;
margin-right: auto;
margin-top: -10px;
background-color: #ffffff;}

.mainheader
{
border: 0px;
position: relative;
z-index: 2;
top: -185px;
left: 265px;
}
.phone
{ 
position: relative;
top: -85px;
left: -2230px}
.email
{ 
position: relative;
top: -75px;
left: -2195px}

网址是http://kerryaltmantest.info

谢谢!

Answer 1

你有一个 div 作为；

<div class="mainRunner">
    <img class="background" height="200px" src="http://i.imgur.com/1laWPRb.png" width="3000px">
    <img class="mainheader" height="150" src="http://i.imgur.com/sdqMfWT.png" width="500">
</div>

它的宽度是 3000px 因为第一张图片的宽度是 width="3000px。尝试修复它。第一张图片是:

<img class="background" height="200px" src="http://i.imgur.com/1laWPRb.png" width="3000px">

检查此图像中的 width="3000px"。