Question

我在我的网站上使用了包含标题。主页上的内容与内页上的内容完全相同，但由于某些原因内部页面上的图像内容发生了变化。图像右侧的文本（它是图像的一部分）从主页右侧约57像素，内部页面右侧40像素....它们是相同的图像！我完全感到困惑。非常感谢任何帮助！

这是网址，点击about和主页，你会看到我的意思：

http://goo.gl/6xdjRu

<style>
.center {
    width:1080px;
    margin:0 auto;
    position:relative;
}
</style>

 <div class="center">
 <img src="/images/header_home.jpg" width="1080" height="233" usemap="#Map" style="display:block;" id="header" />

    <div style="position:absolute; z-index:7; width:120px; display:none; left:434px; top:70px;" id="sub_about">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td><a href="/history.asp" onMouseOut="MM_swapImgRestore();mclosetime();" onMouseOver="MM_swapImage('but_history','','/images/but_history-over.png',1);mopen('sub_about');"><img src="/images/but_history.png" alt="History" width="120" height="39" id="but_history" style="display:block;"></a></td>
            </tr>
            <tr>
                <td><a href="/mission.asp" onMouseOut="MM_swapImgRestore();mclosetime();" onMouseOver="MM_swapImage('but_mission','','/images/but_mission-over.png',1);mopen('sub_about');"><img src="/images/but_mission.png" alt="Mission" width="120" height="37" id="but_mission" style="display:block;"></a></td>
            </tr>
            <tr>
              <td><a href="/associations.asp" onMouseOut="MM_swapImgRestore();mclosetime();" onMouseOver="MM_swapImage('but_associations','','/images/but_associations-over.png',1);mopen('sub_about');"><img src="/images/but_associations.png" alt="Associations" width="120" height="35" id="but_associations" style="display:block;"></a></td>
            </tr>
            <tr>
              <td><a href="/careers.asp" onMouseOut="MM_swapImgRestore();mclosetime();" onMouseOver="MM_swapImage('but_careers','','/images/but_careers-over.png',1);mopen('sub_about');"><img src="/images/but_careers.png" alt="Careers" width="120" height="40" id="but_careers" style="display:block;"></a></td>
            </tr>
        </table>

        </div>

    <div style="position:absolute; z-index:7; width:120px; display:none; left:542px; top:70px;" id="sub_services">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td><a href="/electrical.asp" onMouseOut="MM_swapImgRestore();mclosetime();" onMouseOver="MM_swapImage('but_electrical','','/images/but_electrical-over.png',1);mopen('sub_services');"><img src="/images/but_electrical.png" alt="Electrical" width="120" height="39" id="but_electrical" style="display:block;"></a></td>
            </tr>
            <tr>
                <td><a href="/technology.asp" onMouseOut="MM_swapImgRestore();mclosetime();" onMouseOver="MM_swapImage('but_technology','','/images/but_technology-over.png',1);mopen('sub_services');"><img src="/images/but_technology.png" alt="Technology" width="120" height="37" id="but_technology" style="display:block;"></a></td>
            </tr>
            <tr>
              <td><a href="/security.asp" onMouseOut="MM_swapImgRestore();mclosetime();" onMouseOver="MM_swapImage('but_security','','/images/but_security-over.png',1);mopen('sub_services');"><img src="/images/but_security.png" alt="Security" width="120" height="37" id="but_security" style="display:block;"></a></td>
            </tr>
        </table>

        </div>

</div>

Answer 1

“主页”和“约”页面似乎使用两种不同布局的不同图像：

主屏幕：
http://www.gordonlseaman.com/images/header_home.jpg

关于：
http://www.gordonlseaman.com/images/header_about.jpg

我该如何解决这种奇怪的图像移位问题

1 个答案: