Кажется, таблица <tr>не может иметь границы для IE 7, но я не вижу и в книгах, где говорится о границе <tr>?

Question

На этом экране будут отображаться границы для Chrome, FF, IE 8 и 9, но не будет отображаться граница для IE 7.

http://jsfiddle.net/y7HWr/10/

(который должен иметь границу для <tr>).Так я думаю наверное IE 7 виноват?Хотя я не вижу книг, в которых говорится о границах для элементов <tr> (они обычно говорят о <tr> элементах), но на самом деле это должно относиться к большинству любых элементов?(может быть, за исключением элементов, которые не имеют смысла иметь границы, таких как <meta> или <script> или <style> ... в противном случае большинство других элементов должны иметь возможность иметь границы?

Вместопомечая каждый <td> как класс .end-of-category, я изменяю его таким образом, чтобы он работал с IE 7 ... какие-нибудь альтернативы или другие идеи?

tr.end-of-category td { border: 6px solid #000 }

Answer 1

table { border-collapse: collapse }
table .end-of-category td { border-bottom: 6px solid #000 }

Вышеприведенное должно работать или, по крайней мере, достигать того же, если у вас есть только одна граница - я думаю, это то, как разные браузеры обрабатывают свертывание границ, но опять же, может быть, это просто IE

---

Обновление: да, это IE7

использование модели границы separate (по умолчанию) означает, что никто не отображает границу на tr

table { }
table .end-of-category { border-bottom: 6px solid #000 }

Так что, похоже, у IE7 опять разошлись во мнениях LOL!

---

Используя свернутые границы таблицы, было бы очень маловероятно, что эффект будет достигнут при использовании границ TD, но все же!

Answer 2

.end-of-category td { border: 6px solid #000 }

Работает в IE7 и IE6.