demoniqus

Ладно, сам себе отвечу. Проблема оказалась в том, что IE применил к ячейкам box-sizing: border-box. После установки свойства в content-box для всех ячеек дробная часть ширины ушла и все ячейки стали единого размера.

Добрый день! Столкнулся с проблемой указания размеров для ячеек таблицы в IE. <table id="main-skeleton" style="width: 100%; max-width: 100%;"> <tr> <td> </td> <td id="cell-columns-headers"> <div class="table-headers-wrapper"> <table id="stat-columns-headers"> </table> </div> </td> </tr> <tr> <td id="cell-rows-headers"> <div class="table-headers-wrapper"> <table id="stat-rows-headers"> </table> </div> </td> <td id="cell-stat-content"> <div class="wrapper" > <table id="table_statistics"> </table> </div> </td> </tr></table>Таблицы #stat-columns-headers и #stat-rows-headers являются "шапками" и содержат в т.ч. объединяющие заголовки (с colspan и rowspan). Таблица #table_statistics содержит основные данные и является скроллируемой в двух измерениях. Для синхронизации "шапок" с основной таблицей я проставляю при заполнении этих таблиц данными размеры для ячеек. В IE возникла проблема при синхронизации таблиц #stat-columns-headers и #table_statistics. В обеих таблицах я прописываю ячейкам в style: max-width: 77px; width: 77px; min-width: 77px; После расчетов width для ячеек в таблице #stat-columns-header становится 70px (за вычетом border-width 1px и padding 3px [border-collapse: collapse - поэтому два паддинга + 1 бордер = 7px]) А вот в таблице #table_statistics ширина width ячеки становится 70.11px!!! И я никак не могу это исправить. А т.к. в таблице 90 столбцов, то я получаю лишние 10px ширины, которые весьма заметны невооруженным глазом. А вот при синхронизации высоты строк в таблицах #table_statistics и #stat-rows-headers все нормально... Подскажите, что можно сделать в этой ситуации, чтобы выравнять ширину?

Я на странице делаю таблицу. У этой таблицы и всех ее родительских элементов вплоть до body нет позиционирования. Далее я в ячейки скриптом кладу список UL. В один из его LI я скриптом кладу всплывающее меню в виде div-контейнера. Вот стиль меню: display: none; z-index: 9999; background-color: #FFFFFF; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #DDD; position: absolute; padding: 5px; Само меню состоит из пунктов, являющихся также div-контейнерами. Вот их стиль: display: block; margin-bottom: 5px; text-align: left; cursor: pointer; background-color: white; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 0 none; padding: 2px 5px; z-index: 10000; При отображении всплывающего меню скрипт через $().offset(); рассчитывает точку позиционирования меню. До этого момента все нормально. А дальше в Opera я столкнулся со следующей проблемой: та часть меню, которая визуально поместилась в родительскую ячейку, доступна, нормально прорисовывается полностью со всеми иконками и реагирует на события мыши. А та часть, которая находится вне родительской ячейки, прорисовывается не полностью (иконки не прорисовались) и не реагирует на события мыши. Что это за особенность Opera и как с ней бороться кроме того варианта, что назначать родителем менюшки body?