Проблема с границами таблицы Firefox 4/5 с правилами = все - PullRequest
Новая
       16

Проблема с границами таблицы Firefox 4/5 с правилами = все

1 голос
/ 08 августа 2011

Вот простой пример таблицы с использованием правил таблицы = все с границами ячеек 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Untitled Page</title>
</head>
<body>
    <table rules="all">
        <tr>
            <td style="border: red solid 1px;">
                Title
           </td>
        </tr>
    </table>
</body>
</html>

В большинстве браузеров (включая Firefox 3.6) он выделяется красной рамкой вокруг ячейки, но в Firefox 5 (и IIRC также Firefox 4) граница ячейки отсутствует.

Это ошибка в Firefox или есть какие-то изменения, допускаемые спецификацией?

Что касается связанной точки, есть ли смысл использовать атрибут правил таблицы? Кажется, это не считается устаревшим, но я не вижу, чтобы он делал то, что вы не могли сделать в CSS. В этом случае ASP.NET генерировал его автоматически, иначе я бы никогда не использовал его.

Ответы [ 3 ]

2 голосов
/ 08 августа 2011

Пока нет спецификации для того, что на самом деле rules = "all", так что любое поведение "правильное".некоторые стили границ в свернутой модели границ.Учитывая детали этого отображения (которые в настоящее время находятся в черновике HTML5 на http://www.whatwg.org/specs/web-apps/current-work/multipage/rendering.html#tables), наблюдаемое поведение является правильным.

1 голос
/ 08 августа 2011

«Правила» отображаются, только если есть другие td, от которых он отделен.И тогда информация о стиле частично перезаписывается соседними ячейками.Если вы создадите таблицу 3х3, как эта, то 

<table rules="all">
     <tr>
         <td>foo</td>
         <td>foo</td>
         <td>foo</td>
    <tr>
         <td>foo</td>
        <td style="border: red solid 1px;">
            Title
       </td>
         <td>foo</td>
    </tr>
     <tr>
         <td>foo</td>
         <td>foo</td>
         <td>foo</td>
    <tr>
</table>

FF5 нарисует красные линии справа и снизу ячейки «Заголовок», а остальные черные.Похоже, информация о стиле верхних и более левых ячеек более мощная.

Надеюсь, это поможет

Приветствия tannerli

0 голосов
/ 08 августа 2011

Я не могу ответить на первую часть - хотя я смог заставить ее работать, добавив некоторую вид границы к тегу таблицы: http://pastehtml.com/view/b35h9852w.html

Согласно w3schools , вам рекомендуется использовать CSS только для этого типа стилей (и я согласен).

Хотя, похоже, это ошибка в Firefox.Я не могу найти четкого объяснения в любом случае.

...