Question

我有一个简单的登录页面，我正在应用一些css代码，如下所示：

 div.loginheader {

        width: 100%;
        height: 25%;
        position: relative;
        text-align: center;
        margin: 0 auto;
        top: 6%;
        left: 6%;
      }
 img.center {
    display: block;

    padding: 0px;

  }
       td.caption
      {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        font-family: Arial,Georgia,Serif;
        color: #ffffff;
        font-size:24px;
      }

使用以下HTML代码：

<div class="loginheader">
         <table width="90%">
          <tr>
              <td width="20%" class="caption">
                  <img class="center" src="abc.png">
              </td>
              <td width="80%" class="caption">

                    Test Text
              </td>
            </tr>
           </table>
      </div>

但是使用上面的代码，除了IE之外，它在所有brwoser中都能正常工作。在IE中，位置和边距正在破坏。我的网页看起来像这样 link

IE 7中的

。

任何帮助都将受到高度赞赏..

Answer 1

在IE中，位置和边距正在破坏

闻起来就像IE在quirks mode中运行一样，导致IE6 / 7 box model bug已经出现。确保您在HTML页面的 top 中声明/使用正确的doctype。

<!DOCTYPE html>

另见：

Activating browser modes with doctype

CSS在所有浏览器中工作但在IE中不工作

1 个答案:

另见：