IE7中的浮动DIV与IE8,Firefox,Chrome和Safari相比

时间:2009-09-28 22:57:43

标签: firefox html internet-explorer-8 internet-explorer-7 css-float

我对这个有点难过。我指的是这个页面 - http://savitarbernese.com/welcome.aspx。目前它在IE7上看起来还不错,但我似乎无法让它在其他浏览器上工作。现在我不得不在表格中包含几个DIV,以使背景延伸到完整内容之后。我猜这与div溢出有关?我不确定......

使用DIV时跨浏览器兼容性的最佳做法是什么?

干杯, d。

5 个答案:

答案 0 :(得分:1)

添加

overflow: hidden;

到你的css和presto中的#container和#content!

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

答案 1 :(得分:0)

  

最佳做法是什么?   使用时跨浏览器兼容性   的DIV?

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

答案 2 :(得分:0)

你是从错误的一端开始的。如果你为IE7构建它,它在任何其他浏览器中看起来都不一样,也不在IE8中。

首先确保它在符合标准的浏览器(例如Firefox)中看起来正确,然后在所有其他符合标准的浏览器中几乎总是看起来相同,这几乎是IE7及更早版本之外的所有内容。 IE8仍然存在一些渲染问题,但它比IE7更接近于兼容性。您将不得不对页面进行一些调整以使其在IE7中看起来相同,但这比尝试使其以相反的方式工作要少得多。

首先,您应该确保页面上有正确的doctype,以便它不会以怪癖模式呈现。当您希望它跨浏览器呈现相同内容时,这会有很大帮助。

答案 3 :(得分:0)

  

跨浏览器兼容性的最佳做法是什么??

首先确保您的HTML验证。

答案 4 :(得分:0)

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

除此之外,这是一个阻碍我的小问题。在FF3.5,Safari和IE8中,内容面板的背景不会像在IE7中那样在内容的整个高度上延伸。我已将doctype更改为使用XHTML 1.0 Strict

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

我在这里错过了一些明显的东西吗?

再次感谢。

相关问题