IE7：菜单上方标题

我遇到了IE7问题。我有一个标题，这是一个IMG。在它下面，我有一个代表菜单的div，它们必须连接到彼此之间，没有空间。两者都是1000px宽度。在Opera和FireFox中，标题和菜单整齐地连接在一起。但是，在IE7中，菜单DIV和IMG之间有一个小空间。我试图明确定义IMG上的填充和边距，但它不起作用。我以前有过这个问题，所以它似乎是一个IE7的怪癖。IE7：菜单上方标题

我的HTML代码：

<div id="middle"> 
    <img id="ctl00_headerHolder_headerImage" 
     src="pictures/headers/header_home.jpg" style="border-width:0px;" /> 

    <div id="ctl00_menuPanel" class="menu"> 
     <a id="ctl00_home" href="Default.aspx" style="color:#FFCC33;">Home</a> 
     | 
     <a id="ctl00_leden" href="Leden.aspx">Leden</a> 
     | 
     <a id="ctl00_agenda" href="Agenda.aspx">Agenda</a> 
     | 
     <a id="ctl00_fotos" href="Fotos.aspx">Foto's</a> 
     | 
     <a id="ctl00_geschiedenis" href="Geschiedenis.aspx">Geschiedenis</a> 
     | 
     <a id="ctl00_gastenboek" href="Gastenboek.aspx">Gastenboek</a> 
    </div> 
</div>

来源

2008-08-17 IceHeat

尝试IE开发工具栏，可以让你检查正在发生的事情与元素，给你列出涉及的领域。它可能会让你更好地理解问题。

来源

2008-08-17 19:12:09

解决办法：

img { 
padding: 0px; 
margin: 0px; 
display: block; 
}

显示：块

来源

2008-08-17 19:12:51 IceHeat

我碰上这个有很多。而不是追查具体的行为，尝试明智的检查通过设置img/div/etc选择器的填充和边距属性为0，设置border-style：none border-width：0px border =“0”等。

IE开发工具栏是必备的，但它是否可以帮助您找出单像素问题是不太可能的。

来源

2008-08-17 19:16:03

而不是诉诸显示块，请注意，IE7做一些严重的奇怪的事情与空白;尝试删除图像和div之间的空白，并看看会发生什么。

来源

2008-08-17 19:23:49 eplawless

CSS复位（如YUI Reset CSS）对于这类事情非常有用。他们重置了大量HTML元素的填充，边距和其他显示属性，以最大限度地减少显示差异。

来源

2008-08-17 19:25:43

的解决方案...显示：块

这个问题不能正确回答不知道的渲染模式，浏览器是;如果你有CSS渲染问题，你需要告诉人们你有什么文档类型。您提到的图像行为在怪异模式下与标准模式不同。最小的测试用例必须包含完整的HTML文档和CSS来重现问题。请不要问别人帮忙而不给他们，他们需要不浪费他们的时间很容易回答的信息...

来源

2008-08-17 20:20:50 Polsonby

真正的解决方案：

#middle { font-size: 0; line-height: 0; }

来源

2008-08-18 04:28:37 Akira

IE7：菜单上方标题

回答

相关问题