标题在浮动元素之前不显示

时间:2008-12-14 21:23:57

标签: css internet-explorer-7 css-float

http://tesselaar.com/gallery/页面上,我在IE7中未显示的“照片库”页面顶部有一个标题(级别1),我找不到原因。

它遵循与网站其余部分相同的CSS和页面结构,唯一的区别是有一个元素在之后立即浮动到右边。

任何见解都将受到赞赏。

2 个答案:

答案 0 :(得分:1)

对我来说肯定显得有些不好,但是这里只安装了IE开发工具,我可以说它本身不是HTML,它绝对是IE CSS的错误。 IE中有很多东西是浮动的,所以在这个基础上我建议你尝试两件事。

首先是将doctype更改为strict - 这是一个更加坚实的基础,可以改变IE的行为方式。可能会自行修复它。

第二个建议是从div中删除浮点数和宽度,而是依赖于已应用于表单的text-align: right;。这将给你与FF中出现的相同的布局,而不使用float。但是出现你可能想要实现的是直接在标题的下一个和右边的浮动下拉列表?如果你想保持一个中心的标题,这将是相当混乱的tbh。

答案 1 :(得分:0)

我怀疑这个问题与浮点数和斜体内容有关。 IE讨厌在浮点数周围包含斜体内容。

我怀疑当你收紧其他一些css时,你会把一些溢出物隐藏在那里并无意中解决了两个问题......

这是一篇很好的小文章:http://www.positioniseverything.net/explorer/italicbug-ie.html