Таблицы в IE не имеют границы, если граница = 0 при сбросе CSS?

StackOverflow https://stackoverflow.com/questions/1111069

Вопрос

В моем файле CSS у меня есть сброс, где я устанавливаю границу: 0.Это приводит к тому, что все таблицы в IE, а не в Firefox, не имеют границ.Даже если я установлю границу в таблице, она все равно не будет отображаться в IE.Кто-нибудь знает решение этой проблемы?

Часть остального:

table, img
{
   border:0;
}

<table border="1">
<tr>
<td></td>
</tr>
</table>

Граница отображается в Firefox, но не в IE.Нужно ли мне использовать style="border:1px сплошной черный" в таблице вместо border="1"

Это было полезно?

Решение

Если вы хотите, чтобы эта конкретная таблица имела границу, я бы просто присвоил ей класс:

table, img
{
   border:0;
}
table.something
{
    border: solid 1px #000000;
}

<table class="something">
  <tr>
    <td></td>
  </tr>
</table>

Это должно работать во всех браузерах.

Другие советы

Если вам нужна граница, вам не следует устанавливать границу на 0.Вместо этого попробуйте это:

table{
   border: 2px;
}

Это должно получиться лучше.

РЕДАКТИРОВАТЬ:

Если вы хотите сделать это встроенно, вам следует сделать

<table border="2px">

Предполагая, что в вашем коде (в вопросе) нет опечатки, пробовали ли вы добавить единицу измерения во встроенную настройку?

<table border="1px">

Например?

В противном случае попробуйте использовать CSS, чтобы повторно активировать границы:

<table style="border: 1px solid #000;"> <!-- or use a stylesheet, or style block, obviously -->

Проверили ли вы, что используете соответствующий стандартам объявление типа документа, и не впадать в режим причуд?

Несколько совместимых со стандартами способов указать отсутствие границы в CSS:

ширина границы: 0;стиль границы: нет;

Элементы таблицы, элементы td и элементы th принимают границы, поэтому безопасным способом гарантировать полное отсутствие границ будет table, td, th {border-style:none;}.

table {border-collapse:collapse;} — это чисто CSS-способ удаления пробелов между ячейками.

Посетите сайты w3schools.com или w3.org, чтобы получить советы по CSS, совместимым со стандартами.

В вашей таблице примера ничего нет.IE решает, что у него нет контента, и поэтому не отображает атрибут «border="1".

Сброс с помощью

table {
  border:none;
}

Затем используйте:

<table style="border:solid 1px #000;>
<tr><td>x</td></tr>
</table>

попытался ли ты

table {border-collapse: collapse;}

РЕДАКТИРОВАТЬ:подожди, ты пытаешься избавиться от границы или добавить ее?Теперь я в замешательстве...

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top