CSS, чтобы сделать границы пустой ячейки?

Question

Какой CSS-код следует использовать для отображения границы ячейки, даже если она пуста?

IE 7 специально.

Answer 1

Я создаю стиль div, который имеет тот же цвет шрифта, что и фон вашей ячейки, и пишу что угодно (обычно «-», «n / a» или «пусто»), чтобы получить содержимое ячейки. Он появляется, если вы выделите страницу, но при просмотре выглядит нормально, как вы хотите.

Answer 2

Попробуйте, если не можете использовать неразрывный пробел:

var tn = document.createTextNode('\ ');
yourContainer.appendChild(ta);

Answer 3

Исправлен только Firefox для пустых ячеек (ДА, у меня действительно была эта проблема в Firefox). IE 7 и 8 все еще были проблемными

Это сработало для меня в Firefox 3.6.x, IE 7 & 8, Chrome и Safari:

==============================

table {
*border-collapse: collapse;}

.sampleTD {
empty-cells: show;}

==============================

Пришлось использовать *, чтобы убедиться, что стиль таблицы был применен только к браузеру IE.

Answer 4

Я беру это с другого сайта, но:

.sampletable {
border-collapse: collapse;}

.sampleTD {
empty-cells: show;}

Используйте для CSS для таблицы и элемента TD соответственно.

Answer 5

"IE" больше не является полезным термином в этом контексте теперь, когда IE8 отсутствует.

IE7 всегда делает "пустые ячейки: показать" (или так мне говорят ... Vista). IE8 в любом из своих режимов «Причуд» или «Стандартов IE7» всегда делает «пустые ячейки: скрыть». IE8 в режиме «Стандарты» по умолчанию «пустые ячейки: показать» и поддерживает атрибут через CSS.

Насколько я знаю, любой другой браузер правильно поддерживал это в течение нескольких лет (я знаю, что он был добавлен в Firefox 2).