Ячейка таблицы в размерах IE9 неверна.Работает нормально в других браузерах - PullRequest
1 голос
/ 18 ноября 2011

Пожалуйста, посмотрите на следующую страницу в IE9 ..

www.homextreme.co.za / default_test.aspx

Я добавил границы для некоторых таблиц в целях отладки

Слева выберите любой регион из раскрывающегося списка, страница обновится. Справа вы увидите, что теперь под таблицей справа есть пробел.

Я годами гуглял, искал исправления ошибок в таблице IE9 и пробовал их, но из-за жизни я не могу правильно определить размер этой ячейки.Может кто-нибудь помочь мне с решением для этого?

Ссылка на скриншот, прежде чем я разверну каталог слева.

Ссылка на скриншот после ...

Спасибо

1 Ответ

0 голосов
/ 23 ноября 2011

После выбора из списка вы получите длинный список в левой колонке. Поскольку весь контент находится внутри большой таблицы (таблицы внутри таблиц), правый столбец должен расширяться по вертикали.

В правом столбце есть две ячейки сверху другой (плюс одна в середине для разнесения). Одна в верхней части содержит таблицу с местом, которое вам не нужно, а в нижней части находится куча других меньших разделов. Верхняя ячейка расширяется по вертикали и в итоге оказывается выше содержимого, и это дополнительное пространство, которое вы видите. Если вы измените вертикальное выравнивание (vAlign) этой ячейки (1-й ряд, 3-я ячейка) на top, вы увидите, что пространство переместилось наверх.

Причина, по которой он не отображается в других браузерах, заключается в том, что они, вероятно, имеют разные алгоритмы высоты строк и делают 1-й ряд как можно меньшим, а оставшиеся - второму и третьему. А затем IE использует проценты или делает строки пропорциональными содержимому или чему-то еще.

Я не уверен, что посоветовать вам сделать, чтобы это исправить. Если вы собираетесь придерживаться таблиц для разметки, просто используйте одну строку и имейте ячейку для каждого столбца и сохраняйте содержимое каждого столбца в одной ячейке, а не разбивайте его на строки.

...