Различия в разметке Firefox и Chrome

Question

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

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

Что здесь может происходить?

---

Обновление : я знаю, размещение кода помогает, я просто не знаю, насколько это поможет в этом случае.

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, если вы хотите опубликовать некоторый код, может быть, мы можем помочь. Я предпочитаю использовать фактические значения, извлеченные из доступного пространства, а не проценты.