Проблема обрушения границы в режиме совместимости с IE 8 - PullRequest
Новая
       33

Проблема обрушения границы в режиме совместимости с IE 8

0 голосов
/ 11 февраля 2012

Мне нужно отобразить таблицу с подчеркиванием первой строки.

Для этого я устанавливаю border-collapse и устанавливаю границу только для первой строки.

Хорошо работает в IE 7 и FF. Но в IE 8 (режим совместимости) нижняя граница нарушена.

Смотрите это скрипка 

<table style = "border-collapse:collapse;" width="90%" 
    cellpadding="1" cellspacing="1">

<tbody>
<tr>

<th align="left" style="border-top:0px; border-left:0px; border-right:0px; 
    border-bottom:1px solid #838584;">Text1</th>
<th align="right" style="border-top:0px; border-left:0px; border-right:0px; 
    border-bottom:1px solid #838584;">Text2</th>
<th align="right" style="border-top:0px; border-left:0px; border-right:0px; 
    border-bottom:1px solid #838584;">Text3</th>

</tr>
</tbody>
</table>

Примечание. Я попытался указать! DOCTYPE, как показано ниже в моем HTML. Но в то время сама страница не отображалась в IE 8 (режим совместимости). Тем не менее, он работал как ожидалось в IE7 и FF 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Кроме того, все работает нормально в стандартном режиме IE 8

Ответы [ 2 ]

1 голос
/ 11 февраля 2012

Я не вижу никакой разницы между таблицами в Firefox 9, IE7 и IE8 (тестировались только эти браузеры). Вы используете IE8 в стандартном режиме? Граница сплошная только в стандартном режиме IE8. Выполнение в стандартном IE7 или режиме причуд в IE8 нарушит границу, где ячейки заканчиваются / начинаются.

Вы можете проверить этот пост о том, как заставить IE8 работать в стандартном режиме, или нажмите F12 в IE8, чтобы проверить текущий режим в инструментах разработчика IE

0 голосов
/ 19 октября 2014 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />

Добавление вышеуказанного тега сразу после того, как DOCTYPE в masterpage сработало для меня .. Спасибо

...