默认表高度问题

Question

我有一张包含2 <td>的表格，<td>包含2张单独的图片，但它给我带来了奇怪的高度问题。

它在兼容性视图中完美运行但在非兼容性视图中出现问题，Chrome浏览器中存在同样的问题。

这是我的jsfiddle链接：http://jsfiddle.net/7qbM8/

我的代码：

<table id="tbleHeader" border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td><a style="width: auto;" href="#"><img style="height: 43px;" src="~/images/iqi.jpg" runat="server" id="imgLogo" alt="" /></a></td>
            <td onmouseover="ShowParentMenu()"><h1 id="logout" ><a href="#"  title="Logout"></a></h1></td>
        </tr>
    </table>

这是我的问题的图像 蓝色是我没有分配的高度，但默认情况下它是采取的，所以我不希望我的表中的高度。

Answer 1

id logout有一个保证金，这将为我解决：

#logout {
 margin: 0px; 
}

如果我理解你，这就解决了问题

保证金是因为它是一个默认具有保证金的h1

的jsfiddle：http://jsfiddle.net/7qbM8/4/

Answer 2

检查jsFiddle

在此h1#logout

中添加此属性

 margin:0;