【问题标题】:IE8 Clear float issueIE8 清除浮动问题
【发布时间】:2010-09-20 21:04:28
【问题描述】:

我的情况看起来就像这里讨论的问题:

Clear float issue

即:

“我有一个页面,左侧是标准导航栏,内容区域占据了其侧面的其余水平区域。......

这很好用,除非内容区域本身有浮动元素并且我尝试使用 clear.我的目标是在内容区域浮动后立即显示 clear 元素,但它会被推到导航区域下方。”

但是那里给出的解决方案对我不起作用。我已经阅读过这个问题;以下页面似乎讨论了大多数解决方案:

http://css-discuss.incutio.com/wiki/Clearing_Space#Clearing_space_beneath_floated_elements

但这些解决方案都没有对我有用。

仅在 IE8 中,我在表格上方有很大的差距,我测试的所有其他浏览器都很好。我真的很感激另一双眼睛。

页面位于:

http://www.diabetesgoaltracker.com/home.html

谢谢。

【问题讨论】:

    标签: html css-float


    【解决方案1】:

    您的网页现在以怪异模式提供,这意味着浏览器不按照规范呈现它。在顶部添加一个文档类型,例如<!DOCTYPE HTML>,这应该可以解决它。

    【讨论】:

    • 我删除了 DOCTYPE,因为它没有在 Chrome 中正确呈现。所以我把它放回去了,IE8 看起来不错,但 Chrome 不太好。我应该使用不同的 DOCTYPE 吗?
    • 总是使用 DOCTYPE。不使用一个就像失明一样。只需调整 Chrome,因为 Chrome 通常更符合规范。
    • 明白。 Safari 和 Chrome 似乎不尊重 CSS 的元素,而现在 IE8 和 FireFox 很好。任何方向表示赞赏。
    • 我没有看到任何 DOCTYPE。我看到您粘贴的链接前面有空格。
    • 谢谢 meder。我再次删除它,因为它在那里看起来比没有它更糟糕。有了它,Safari 和 Chrome 就不会使用 CSS 没有它我在 IE8 中有很大的空间。我的问题基本上是我如何让它在 IE8 中工作并且你的解决方案有效,添加一个 DOCTYPE。我现在必须弄清楚如何让它在 Chrome 和 Safari 中运行。
    猜你喜欢
    • 2011-03-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多