Internet Explorer 分區問題

Question

我的網頁有問題。 在所有瀏覽器上，div 完美對齊。 但是，在所有版本的 Internet Explorer 上，Div 顯示不正常。 這是差異的圖像：

這是頁面，您可以查看源代碼：

聯系頁面

我真的很想得到幫助，IE 已經對我做了好幾次了。 我很想知道在這種情況下該怎么做。 我在某處讀到了有關 IE 特定 CSS 文件的信息，該文件可以解決此問題，但我不完全理解在這個新的 CSS 文件中需要更改的內容。 所有幫助表示贊賞。

-諾亞

Answer 1

嘗試修復 W3 驗證器提出的問題。 http://validator.w3.org/check?uri=http%3A%2F%2Fkynikosdesign.com%2Fcontact.php&charset=%28detect+automatically%29&doctype=Inline&group=0&verbose=1

Answer 2

您可以添加它，它應該可以在您正常的 css之后工作（至少它只是通過瀏覽器內修改完成的）

<!--[if IE]>
<style type="text/css">
    #mainbox{padding-left:0;}
    #servicesright{float:left;}
</style>
<![endif]-->

除此之外，您還缺少一些看起來很奇怪的結束標簽，這可能是奇怪的原因。

Answer 3

到目前為止，我在您的頁面結構上檢測到的問題（導致顯示問題）：

1. #main-container 不應該有寬度
2. 您正在為表單布局使用表格，這是一個很大的錯誤（它將整個內容向下推）

作為一種解決方法，刪除 (1) 中的寬度和 (2) 中的 width=100% 將解決您的問題，但我強烈建議您遵循頁面布局的良好做法。 （即使用 div 而不是 table）。