Различия между Firefox и Chrome

Question

Я выкладываю пользовательский интерфейс с вкладками на стороне веб-страницы, и я сделал все это, используя процентные значения для высоты/ширины таблиц, divs и trs.

В Chrome страница выглядит правильно, но в firefox определенная таблица не влияет на настройку ее высоты и выходит за пределы страницы.

Что может быть здесь?

---

Update: Я знаю, размещение кода помогает мне как раз не»знать, сколько помощь это было бы в этом случае.

var msgStr = 'div style="height:98%; background-color: #FFFFFF; border-width:1px;border-color:#000000; border-style:solid;"'; 

// Page Header 
msgStr += 'table align="center";  
msgStr += 'tr td align="center"'; 
msgStr += 'h2 i Vehicle font color="FF0000"' + curVehicle + '/font Messaging Log: /i /h2'; 
msgStr += '/td /tr /table'; 

// Message Box 
msgStr += 'table id="msgTable" height="85%" width="100%"'; 

Эта таблица (msgTable), кажется, не влияет на изменение значения высоты в Firefox, и простирается от страницы

Answer 1

Позвольте javascript помочь вам вместо установки процентной высоты. Получите размер видового экрана с помощью JS, умножьте его на предпочтительную высоту (например, 0,85 для высоты 85%), а затем примените значение к высотам элементов.

Answer 2

Gecko Vs WebKit, если вы хотите разместить код, может быть, мы можем помочь. Я предпочитаю использовать фактические значения, вытащенные из свободного пространства, а не процентов.