IE和FF之間的CSS差異

我希望我不會違反任何有關我正在工作的項目的問題。如果您查看我的頁面here並在Firefox中查看並再次在Internet Explorer中查看，則主要內容框的寬度會有所不同。在Firefox中，所有內容都與頁面頂部的廣告完全對齊，但在IE中，內容框的寬度似乎不足20像素左右。IE和FF之間的CSS差異

我的問題現在很明顯，但是什麼導致了IE的寬度不足，以及簡單的解決方案是什麼？

如果我碰巧通過提出一個不足以使其他人受益的問題來破壞規則，那麼請允許我重述它;解決瀏覽器之間視覺差異的最佳方法是什麼？我應該爲IE使用單獨的CSS文件，還是有一種方法可以在我的CSS文件中定義只通過特定瀏覽器呈現的行？

如果有人能夠爲我提供必要的CSS來正確對齊事情，那將是最好的，但是我會非常樂意學習如何使CSS動態化（如果可能的話）。

謝謝大家。 :)

來源

2010-05-07 Joe Majewski

你沒有違反規則。（除非你的項目有NDA） – SLaks 2010-05-07 19:55:11

好，很酷。這是我正在進行的個人項目;什麼都不適合學校或工作。 – 2010-05-07 19:57:08

您的HTML格式不正確。您需要<html>和<標題>應該在<標題>。最重要的是，您需要一個DOCTYPE，以便渲染時瀏覽器將使用標準模式而不是怪癖模式。怪癖模式是不同寬度的原因。

HTML 5的文檔類型是：<！DOCTYPE html >並且應該是HTML文件的第一行。以下是一個最小的HTML文件。

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Document</title> 
    </head> 
    <body> 
    </body> 
</html>

來源

2010-05-07 19:57:19 CalebD

哇！一個++++！添加<！DOCTYPE html>即時解決了這個問題。它引起了一些其他不必要的副作用，但這將很容易解決;至少現在在兩個瀏覽器中看起來都是一樣的。 – 2010-05-07 20:00:11

再一次，非常感謝。你不知道我在多長時間裏努力讓這些小小的視覺差異消失。我不知道文檔類型如此強大。 – 2010-05-07 20:11:16

@Joe - 如果您使用Firefox，您可能會發現HTMLTidy插件相當有用：http://users.skynet.be/mgueury/mozilla/ – indiv 2010-05-07 20:14:38

嘗試使用

box { 
    width: 100%; 
}

來源

2010-05-07 20:00:58 choise

IE和FF之間的CSS差異

回答

相關問題