Проблема с <table style = "border-collapse: collapse" > Часть правой границы отключена (скриншоты прилагаются)

Я новый веб-разработчик (очевидно). Когда я впервые заметил эту проблему, я подумал, что это может быть что-то странное с сайтом, над которым я работал. С тех пор я работал на нескольких других сайтах и ​​заметил то же самое.

Когда я использую свойство CSS "border-collapse: collapse" для стилизации HTML-таблиц, иногда крайняя правая граница обрезается при загрузке страницы (как в FF, так и в IE). Как ни странно, когда я прокручиваю вверх и вниз, он иногда фиксируется без перезагрузки страницы. Обычно это происходит в нижнем правом углу таблицы, как показывает второй снимок экрана.

screenshot1

screenshot2

Здесь мой HTML/CSS:

<table width="730" border="0" cellpadding="4" cellspacing="0" style="border-collapse: collapse;">
  <tr>
    <td style="border:1px solid #ff9900;"></td>
    <td style="border:1px solid #ff9900;"></td>
    <td style="border:1px solid #ff9900;"></td>
  </tr>
.
.
.
</table>

Что дает? Есть идеи? Спасибо за ваше время и усилия!

Ответы

Ответ 1

У Moz проблемы с border-collapse:collapse;, возвращающимися на 10 лет или около того, он продолжает фиксироваться, а затем снова становится багги (см. трек ошибок здесь и здесь).

Попробуйте добавить границу к элементу таблицы следующим образом: -

#your-table-name {border-collapse : collapse; border : 1px solid orange;}

#your-table-name td {border: 1px solid orange;}

Также обратите внимание, что это вопрос с кодировкой и должен действительно перейти на /fooobar.com/.... Также полезно опубликовать версию браузера, которую вы используете.