IE7与IE8、Firefox、Chrome和Safari中的浮动div

IE7与IE8、Firefox、Chrome和Safari中的浮动div,firefox,html,internet-explorer-8,internet-explorer-7,css-float,Firefox,Html,Internet Explorer 8,Internet Explorer 7,Css Float,在这件事上我有点不知所措。我指的是这一页-。目前它在IE7上看起来还不错,但我似乎无法在其他浏览器上使用它。现在,我不得不在表格中包装几个div,使背景延伸到完整内容的后面。我猜这和div溢出有关?我不确定 使用div时,跨浏览器兼容性的最佳实践是什么 干杯, D 你的最佳实践是什么 使用时的跨浏览器兼容性 潜水艇 Allways首先为firefox编写代码,然后为IE编写代码 你的最佳实践是什么 使用时的跨浏览器兼容性 潜水艇 Allways首先为firefox编写代码,然后为IE编写代码。您

在这件事上我有点不知所措。我指的是这一页-。目前它在IE7上看起来还不错,但我似乎无法在其他浏览器上使用它。现在,我不得不在表格中包装几个div,使背景延伸到完整内容的后面。我猜这和div溢出有关?我不确定

使用div时,跨浏览器兼容性的最佳实践是什么

干杯, D

你的最佳实践是什么 使用时的跨浏览器兼容性 潜水艇

Allways首先为firefox编写代码,然后为IE编写代码

你的最佳实践是什么 使用时的跨浏览器兼容性 潜水艇


Allways首先为firefox编写代码,然后为IE编写代码。

您的起点是错误的。如果您为IE7构建它,它在任何其他浏览器中看起来都不会相同,在IE8中也不会

首先确保它在符合标准的浏览器中看起来是正确的,例如Firefox,然后它在所有其他符合标准的浏览器中几乎都是一样的,除了IE7和更早版本之外,其他浏览器几乎都是一样的。IE8仍然存在一些渲染问题,但它比IE7更接近于兼容。您必须对页面进行一些调整,使其在IE7中看起来也一样,但这比试图使其以另一种方式工作要少得多


首先,你应该确保你的页面上有一个合适的图标,这样它就不会以怪癖模式呈现。当您希望它在不同浏览器中呈现相同的内容时,这会有很大帮助。

您的起点不正确。如果您为IE7构建它,它在任何其他浏览器中看起来都不会相同,在IE8中也不会

首先确保它在符合标准的浏览器中看起来是正确的,例如Firefox,然后它在所有其他符合标准的浏览器中几乎都是一样的,除了IE7和更早版本之外,其他浏览器几乎都是一样的。IE8仍然存在一些渲染问题,但它比IE7更接近于兼容。您必须对页面进行一些调整,使其在IE7中看起来也一样,但这比试图使其以另一种方式工作要少得多


首先,你应该确保你的页面上有一个合适的图标,这样它就不会以怪癖模式呈现。如果你想让它在不同浏览器间呈现相同的效果,这会有很大帮助。

谢谢-这是一个公平的评论。我的开发机器坏了,当时我只能访问IE7。通常我肯定会从Firefox3.5开始,然后从那里开始

除此之外,这是一个小问题,目前阻碍着我。在FF3.5、Safari和IE8中,内容面板的背景不像在IE7中那样向下延伸到内容的整个高度。我已将doctype更改为使用XHTML1.0

这里有什么明显的遗漏吗


再次感谢。

谢谢-这是一个公平的评论。我的开发机器坏了,当时我只能访问IE7。通常我肯定会从Firefox3.5开始,然后从那里开始

除此之外,这是一个小问题,目前阻碍着我。在FF3.5、Safari和IE8中,内容面板的背景不像在IE7中那样向下延伸到内容的整个高度。我已将doctype更改为使用XHTML1.0

这里有什么明显的遗漏吗

再次感谢。

添加

overflow: hidden;
到你的css和presto中的容器和内容

此指令告诉浏览器将父div的高度延伸到内部div,即使它们是浮动的。

添加

overflow: hidden;
到你的css和presto中的容器和内容


此指令告诉浏览器将父div的高度延伸到内部div,即使它们是浮动的。

为什么要向下投票?如果你不解释你认为错误的地方,就无法改善答案。为什么要投否决票?如果你不解释你认为错误的地方,那就无法改善答案。