Question

请检查：

http://img62.imageshack.us/img62/3598/ieff.png

为什么它比FF更高......我希望它像IE中的FF一样

#message2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 105; 
    background-color: #034678;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 100%;
    text-align: center;
    font-weight: bold;
        border-bottom: 2px solid #FFF;
  height: 26px;
  width: 100%;
} 

<div class="message2" id="message2" onclick="closeNotice2()" style="display: none">
Yo, <b><? echo $pusername; ?></b> - <? echo $_SESSION["user_message"]; ?> 
<a class="close-notify" onclick="closeNotice2()">X</a>
</div>

当我改变高度的大小时，它在FF中改变但在IE中它仍然是相同的大小..？

Answer 1

您是否尝试在{c}中添加line-height？此外，css reset可能有助于默认边距和填充。

Answer 2

Internet Explorer有一个非常讨厌的怪癖模式，当您的网页似乎违反W3C标准时，它会激活。在怪癖模式下，Internet Explorer倾向于渲染与其他浏览器不同的（大）位（以保持与专门为Internet Explorer奇怪的渲染引擎编写的旧网站的兼容性）。让Internet Explorer认为您的网页实际符合标准的一种方法是在每个网页中插入DOCTYPE作为第一行。

对于XHTML网页，doctype可以是：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

对于HTML 4.0网页，可能是：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Answer 3

如果内容溢出容器，IE默认不会尊重您的身高。您可以添加overflow: hidden以使其像FireFox一样工作。

必须有其他一些影响这个的风格。对于初学者，你没有向我们展示改变文本颜色的样式，我怀疑链接的样式。

Answer 4

我们不知道您的#message标记是什么样的。它是H1还是H2或类似的东西？如果是这样，您可能希望重置此类容器样式以具有margin：0和padding：0。不同的浏览器以不同的方式解释这些tag-soup元素。

Answer 5

在quirksmode中，Internet Explorer主要有这些错误。你有一个有效的doctype？使用w3c的验证器：

http://validator.w3.org

编辑：

请尝试删除不需要的空格和换行符。

<div class="message2" id="message2" onclick="closeNotice2()" style="display: none">Yo, <b><? echo $pusername; ?></b> - <? echo $_SESSION["user_message"]; ?> <a class="close-notify" onclick="closeNotice2()">X</a></div>

Answer 6

添加“overflow：hidden;”以防万一内容拉伸div并删除此处的结束div标记与页面中下一个元素之间的任何空格。浏览器应该忽略元素之间的空白，但实际上我发现情况并非如此。

Answer 7

尝试添加：

zoom: 1;

到css。这有时会使IE强制元素为hasLayout ...

Answer 8

您使用的是哪个版本的IE？ IE6和IE8有很大的不同，哟。此外，如果没有完整的HTML / CSS源代码和/或公共URL，这很难解决。我会尝试使用IE的开发人员工具栏来追踪问题，IE6 / 7必须手动downloaded and installed。

Answer 9

我会尝试设置display：inline

要么将它设置在div上，也要设置在div的内容上。您可能需要将内容包装到另一个标记中，例如span。

但就像很多人说的那样，你需要提供更多。更多代码。更多图片。更多信息。

Answer 10

在遇到这种问题时，我已成功使用此重置：

CSS reset discussion

IE的CSS问题

10 个答案: