IE绝对表位置留下空白

时间:2012-07-02 20:36:25

标签: html css internet-explorer position

我目前正在与IE斗争。在我得到关于表的一些咆哮之前我知道“不要使用它们”,但我没有写这个,我只是在调试它。我想知道当我绝对定位一个表时,是否有一些黑客可以将表间距从IE上移出。我提供了一些风格来帮助更好地了解问题。有一条白色空间,不属于任何东西。这在FF和Chrome上运行良好,IE只是打破了这个流程。

<html>
    <head>
        <style type="text/css">
            .button{
                float:left;
                Background:#0F0;
            }

            #testCont{
                Background:#F00;
            }

            #testUnder{
                Clear:both;
                Background:#00F;
                Color:#FFF;
            }

            .tablePop{
                position: absolute;
                top:60px;
                left:60px;
                Background:#CACACA;
            }
        </style>
    </head>
    <body>
        <div  id="testCont">
            <div class="button">
                Button1
            </div>
            <div class="button">
                Button2
            </div>
            <div class="button">
                Button3
            </div>
            <table border=0 cellspacing=0 cellpadding=0 class="tablePop">
                <tbody>
                    <tr>
                        <td>
                            Row 1
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Row 2
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Row 3
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div  id="testUnder">
            Hello World
        </div>
    </body>
</html>

1 个答案:

答案 0 :(得分:3)

将您的页面置于标准模式:

<!DOCTYPE html>
<html>
    <head>

您可以通过按F12并将文档模式切换为标准来快速测试。

或者,您也可以display:inline使用float:left代替.button