<th> не будет прокручиваться горизонтально с остальной таблицей в IE8 в режиме причуд - PullRequest
1 голос
/ 27 июля 2011

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

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

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

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

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

1 Ответ

0 голосов
/ 06 декабря 2013

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

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

Вот разница:

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

Ссылки

...