在IE7浮動DIV與IE8，Firefox，Chrome和Safari

我對這個有點難住。我指的是這個頁面 - http://savitarbernese.com/welcome.aspx。目前它在IE7上看起來不錯，但我似乎無法讓它在其他瀏覽器上運行。現在，我不得不在表格中包裝幾個DIV，以使背景延伸到完整內容的後面。我猜這與div溢出有關？我不確定...在IE7浮動DIV與IE8，Firefox，Chrome和Safari

使用DIV時跨瀏覽器兼容性的最佳做法是什麼？

乾杯， D.

來源

2009-09-28 codedog

添加

overflow: hidden;

到#container的和你的CSS和急，以＃內容！

該指令告訴瀏覽器將父div的高度擴展到內部div，即使它們是浮動的。

來源

2009-09-29 00:19:14

什麼用的DIV時跨瀏覽器兼容的最佳實踐？用於Firefox

百達第一代碼，那麼對於IE。

來源

2009-09-28 23:00:36 eKek0

你開始的時候是錯的。如果你爲IE7構建它，它在任何其他瀏覽器中看起來都很少，而在IE8中也不會。

首先確保它看起來在一個符合標準的瀏覽器中，例如Firefox的，那麼它幾乎總是看在所有其他標準兼容的瀏覽器一樣，這是隻是除了IE7和更早的一切。 IE8仍然存在一些渲染問題，但與IE7相比，它更接近於兼容。你將不得不對IE7做一些調整，以使它在IE7中看起來也一樣，但是這遠不如試圖讓它以相反的方式工作。

而且首先你應該確保您的網頁上有一個適當的doctype，使其不怪癖模式呈現。當你希望它跨瀏覽器渲染時，這會有很大的幫助。

來源

2009-09-28 23:09:55 Guffa

爲什麼downvote？如果你不解釋你認爲是錯誤的，它不能改善答案。 – Guffa 2012-02-10 18:39:46

什麼是跨瀏覽器兼容的最佳實踐...？

開始通過確保你的HTML驗證。

來源

2009-09-28 23:27:50 Alohci

謝謝 - 這是一個公平的評論。我的開發機器已關閉，我只能訪問IE7。通常我肯定會從Firefox 3.5開始，然後從那裏開始。

除此之外，這是一個小問題，目前正在阻礙我。在FF3.5，Safari和IE8中，內容面板的背景並不像IE7那樣在內容的整個高度上延伸。我已經改變了使用XHTML 1.0嚴格

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

doctype是否有明顯的東西我已經在這裏錯過了什麼？

再次感謝。

來源

2009-09-29 00:07:20 codedog

在IE7浮動DIV與IE8，Firefox，Chrome和Safari

回答

相關問題