爲什麼IE和FF的div寬度與Chrome，Opera和Safari不同？

在saveadullam.org/pages/media.html上，正文部分正確覆蓋了Chrome，Safari和Opera的全寬。但在IE7和FF3中，它只覆蓋2/3的寬度。查看圖片。雙語文本是在一個表中，我知道這是一個禁忌，但這裏的問題是在一個保存整個表的div中，而不是基於表格的佈局爲什麼IE和FF的div寬度與Chrome，Opera和Safari不同？

我知道IE有它的渲染問題，但這裏IE和FF的行爲方式不一樣。（樣式表爲here。）

問題是什麼？

（編輯：解決用於FF，但不適用於IE。）

enter image description here

來源

2011-10-28 Joshua Fox

只是刪除寬度：從.mainBody從CSS 70％。它適用於FF。

.mainBody { 
    vertical-align: top; 
}

來源

2011-10-28 12:39:59

Right-o，在FF上做了詭計 - 但不是在IE上。我實際上創建了一個不帶寬度的不同類mainBodyMedia：70％，因爲mainBody類在其他地方需要寬度爲70％。關於爲什麼在WebKit中以全角呈現的任何想法？無論如何，這個問題在FF中解決 - 但你能弄清楚爲什麼它仍然存在於IE7中？ –

解決了FF - 不適用於IE。 –

是的，問題是你在一行中有一個單元格，單元格設置爲'width：70％'。看起來像不同的UA對待這個不同。當然，CSS規範實際上並沒有定義這裏的行爲....注意，你仍然在'.mainBodyMedia'上有'70％'風格。 –

爲什麼IE和FF的div寬度與Chrome，Opera和Safari不同？

回答

相關問題