3

IE9 で IE7 標準モードを使用すると、空のテーブル セルの高さが 1 ピクセルになります。これにより、表の下にある要素が本来よりもページの下に表示されます。以下のコードを使用して、このための JSFiddle を作成しました: http://jsfiddle.net/Zr7T2/3/

IE7 標準モードで空のテーブル セルの高さを 0px にする方法はありますか?

これをJSではなくHTML/CSSで解決する必要があります。空のセルを単純に削除することはできません。ありがとうございました！

<!-- 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

次のようなブラウザ固有の CSS を使用できます。

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 に答える