ТД пограничная проблема Firefox

Question

такая проблема с firefox.

<td height="10" style="border:1px solid #990000;">&nbsp;</td>

дает границу красной линии, но мне нужна высота 10, с   высота 10 не выдерживает, без нее firefox не показывает красную линию кто-нибудь один способ?

Answer 1

Убедитесь, что к вашей таблице не применен CSS empty-cells:hide;. Вы можете применить прямое противоположное значение inline (противоположное show), но это значение по умолчанию, поэтому, если вы не установите его на hide в некоторых CSS на уровне страницы, это даже не должно быть необходимым.

Еще один элемент CSS, который может влиять на пустые ячейки таблицы, - border-collapse. Убедитесь, что вы не устанавливаете его на collapse. По умолчанию separate, опять же, вы можете либо убедиться, что CSS на уровне страницы не изменяет этот стиль, либо вы можете явно добавить его в таблицу inline.

<table style="empty-cells:show; border-collapse:separate;">
    <tbody>
        <tr>
            <td style="height:10px; border:1px solid #990000;"></td>
        </tr>
    </tbody>
</table>

http://jsfiddle.net/yHrhu/

Фактически, использование неразрывного пробела ( ) может привести к тому, что ячейка будет больше, чем указанные 10px, поскольку этот пробел будет иметь тот же размер шрифта, что и любой текст в элементе. Если вы используете любой размер шрифта больше 10 пикселей, ячейка будет больше, чем предполагалось.

Answer 2

дополнительно к ответу Криса.

Убедитесь, что к вашему TD не применено position:relative.

Answer 3

Сегодня я сам наткнулся на эту проблему. Явка не задана, фон прозрачен, и граница снова становится видимой.

table.table tr{
    background: transparent;
}