Проблема с объединением границ в режиме совместимости с IE 8

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

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

Его рабочий тон в IE 7 и FF. Но в IE 8 (режим совместимости) нижняя граница сломана.

Смотрите эту fiddle

<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 стандартном режиме

источник

2012-02-11 hop

Doctypes никогда не являются обязательными для новых веб-страниц. Переходные доктрины для старой, устаревшей разметки. Всегда используйте строгую. – Rob

@Rob Transitional почти точно такой же, как и строгий. Вы подумывали о режиме quirks (без doctype) против стандартного режима (с doctype). Есть разница. –

@MrLister - Transitional предназначен для валидатора, поэтому он не будет отмечать устаревшую разметку. На новых веб-страницах не следует использовать устаревшую разметку. – Rob

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

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

источник

2012-02-11 14:25:23

Да, я использую IE 8 с представлением совместимости. +1 для указания его. Я уточню вопрос. – hop

BTW, есть ли решение, которое будет работать на IE7, стандарте IE8 и совместимом с IE8 режиме? – hop

Если бы было решение, как бы вы доставляли css для стандарта IE8 и совместимы с IE8? Лучшее и быстрое решение - заставить IE8 смотреть ваши сайты в стандартном режиме IE8. Я знаю, что это может означать для вас много работы, но это путь. См. Также http://blogs.msdn.com/b/ie/archive/2009/03/12/site-compatibility-and-ie8.aspx –

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />

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

источник

2014-10-19 11:59:19

Проблема с объединением границ в режиме совместимости с IE 8

ответ

Смежные вопросы