3

在 IE9 中使用 IE7 标准模式时,空表格单元格的高度为 1px。这会导致表格下方的元素在页面上的显示低于应有的位置。我使用下面的代码为此创建了一个 JSFiddle:http: //jsfiddle.net/Zr7T2/3/

有没有办法让空表格单元格在 IE7 标准模式下的高度为 0px?

我需要用 HTML/CSS 解决这个问题,而不是 JS。简单地删除空单元格不是一种选择。谢谢!

<!-- DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" -->
    <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
            <title>IE7 empty cell bug?</title>
        </head>
        <body>
            <table cellpadding="0" cellspacing="0">
                <tbody>
                    <tr><td /></tr>
                    <tr><td /></tr>
                    <tr><td /></tr>
                    <tr><td /></tr>
                    <tr><td /></tr>
                    <tr><td /></tr>
                    <tr><td /></tr>
                    <tr><td /></tr>
                    <tr><td /></tr>
                    <tr><td /></tr>
                    <tr><td /></tr>
                    <tr><td /></tr>
                    <tr><td /></tr>
                    <tr><td /></tr>
                    <tr><td /></tr>
                    <tr><td /></tr>
                    <tr><td /></tr>
                    <tr><td /></tr>
                    <tr><td /></tr>
                    <tr><td /></tr>
                    <tr><td /></tr>
                    <tr><td /></tr>
                    <tr><td /></tr>
                    <tr><td /></tr>
                    <tr><td /></tr>
                    <tr><td /></tr>
                    <tr><td /></tr>
                    <tr><td /></tr>
                    <tr><td /></tr>
                    <tr><td /></tr>
                    <tr><td /></tr>
                    <tr><td /></tr>
                </tbody>
            </table>
            This text should be at the top of the page. It isn't when running in IE9 with IE7 standards mode turned on.
        </body>
    </html>
4

3 回答 3

0

You can use browser specific CSS like this:

body
{
*margin-top:-30px; /* IE 7 and below */
}
于 2012-09-20T08:35:08.520 回答
0

我有这个问题。我简单地说

<td>&nbsp;</td> 

但这不是一个好的假肢,而不是好的解决方案。

于 2012-09-20T10:36:54.920 回答
0

将像元高度显式设置为零:

td { height: 0; }
于 2012-09-19T21:14:45.840 回答