Чаму дзіў шырыня аказваецца настолькі па-рознаму на IE і FF, у адрозненне ад Chrome, Opera і Safari?

На saveadullam.org/pages/media.html , асноўны тэкст раздзела правільна ахоплівае ўсю шырыню у Chrome, Safari і Opera. Але ў IE7 і FF3, ён ахоплівае толькі 2/3 шырыні. Глядзіце малюнка. Двухмоўны тэкст у табліцы, якую я ведаю, гэта табу, але праблема тут у DIV, які змяшчае ўсю табліцу, а не ў выглядзе табліцы на аснове

Я ведаю, што IE мае свае праблемы рэндэрынгу, але тут IE і FF сваволіць сапраўды гэтак жа. (Табліца стыляў .)

У чым праблема?

(Edit: якія вырашаюцца для FF, але не для IE).

enter image description here enter image description here

0

1 адказы

Проста выдаліце ​​шырыня: 70% ад .mainBody з дапамогай CSS. Яна працуе на FF.

.mainBody {
    vertical-align: top;
}
2
дададзена
Права-о, што зрабіў трук на FF - але не на IE. Я на самой справе стварыў іншы клас mainBodyMedia без шырыні: 70%, так як клас mainBody патрабуецца ў іншым месцы з шырынёй: 70%. Любыя ідэі аб тым, чаму ён аказаў на ўсю шырыню ў WebKit? Ва ўсякім выпадку, праблема вырашаецца ў FF - але вы можаце зразумець, чаму яна да гэтага часу існуе ў IE7?
дададзена аўтар Joshua Fox, крыніца
Якія вырашаюцца для FF - ня для IE.
дададзена аўтар Joshua Fox, крыніца
Дзякуй, Барыс. Гэта карысна.
дададзена аўтар Joshua Fox, крыніца
@Boris Як ні дзіўна, выпраўленне вырашыць гэтую праблему ў FF, нават калі, як вы правільна кажаце, гэты новы клас .mainBodyMeda яшчэ 70% шырыні. Але пасля выдалення, што гэтая праблема будзе вырашана.
дададзена аўтар Joshua Fox, крыніца
Так, праблема ў тым, што ў вас ёсць адна ячэйка ў радку, і вочка усталёўваецца ў шырыня: 70% . Падобна на тое, розныя UAs ставіцца да гэтага па-рознаму. Вядома, CSS спецыфікацыі фактычна не вызначаюць паводзіны тут .... Звярніце ўвагу, што вы да гэтага часу 70% стыль на .mainBodyMedia .
дададзена аўтар Boris Zbarsky, крыніца