‹th› не будет прокручиваться по горизонтали вместе с остальной частью таблицы в IE8 в необычном режиме

У меня есть ошибка в пользовательском интерфейсе моей программы, которую можно воссоздать только в режиме браузера IE8 и типе документа «причудливый режим». Обычно мне никогда не приходилось работать с html/css, поэтому я немного растерялся.

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

На первый взгляд кажется, что <thead> не прокручивается вместе с таблицей. после просмотра инструментов разработчика IE8 я обнаружил, что элементы <thead> и <tr> перемещаются вместе с горизонтальной полосой прокрутки, как и должны, но дочерний элемент <th> (впервые замеченный в строке 19) остается на месте.

Когда я вручную изменяю определенные атрибуты тега <th> (например, выравнивание, выравнивание текста), внезапно заголовки таблицы прокручиваются правильно. Когда я пытаюсь реализовать их в коде, они не решают проблему.

Любая помощь будет оценена по достоинству. Заранее спасибо.


person k_Dank    schedule 27.07.2011    source источник
comment
Если ваша страница не заставляет Internet Explorer переходить из стандартного режима в необычный режим, вам не следует беспокоиться о том, чтобы заставить его работать в этом режиме.   -  person tw16    schedule 28.07.2011
comment
К сожалению, это требование компании.   -  person k_Dank    schedule 28.07.2011
comment
В этом случае вы должны спросить компанию, почему это требование. Режим причуд IE эквивалентен IE 5.5! Microsoft полностью забыла об IE5.5 и пытается убить IE6! Нет абсолютно никаких причин, по которым ваша страница должен работать как в стандартном режиме, так и в режиме причуд.   -  person tw16    schedule 28.07.2011
comment
Мне интересно узнать, что из этого вышло. Вы объяснили, почему глупо хотеть этого?   -  person tw16    schedule 03.08.2011
comment
Да, я объяснил, что мы не должны делать это для обоих. Я объяснил, что только потому, что один QA-тестер обнаружил дефект, возясь с настройками разработчика ie8, мы не должны вносить изменения, которые могут поставить под угрозу уже имеющуюся у нас функциональность. Спасибо за помощь.   -  person k_Dank    schedule 03.08.2011


Ответы (1)


Используйте явное переполнение для th:

th { overflow: scroll; height:1%; }

Вот разница:

Переполнение лечится расширением окна. Когда содержимое элемента не соответствует указанным для него размерам (явно или неявно), тогда overflow: visible (значение по умолчанию) означает, что содержимое переполняется, пока размеры блока соответствуют указанным. В режиме Quirks размеры меняются; это можно легко увидеть, например. если поле имеет цвет фона или границу.

Ссылки

person Community    schedule 06.12.2013