Как исправить пустое пространство столбца таблицы в Firefox?

Question

Это встроенный код страницы ASPX: -

<table>
<tr>
 <td>Some static data</td>
 <td>Text box control</td>
 <td><div id="div1"></div></td>
</tr>
</table>

Третий <td> имеет div 'div1'.Этот div не имеет данных большую часть времени на этой странице.Но иногда мне нужно отобразить некоторые динамические данные там).Теперь проблема в том, что если в div 'div1' нет данных, firefox считает их пробелом и занимает ок.5px пространство в браузере.(Но IE8 в представлении совместимости в порядке)

Какая здесь работа для Firefox?

Answer 1

Я бы подумал, если вам действительно нужен div - я полагаю, что вы заполняете его данными при определенных обстоятельствах, нацеливая идентификатор, почему бы просто не нацелить ячейку таблицы вместо этого?

<table>
<tr>
 <td>Some static data</td>
 <td>Text box control</td>
 <td id="div1"></td>
</tr>
</table>

Answer 2

Похоже, вам нужно сбросить стили.Есть пара хороших, включая сброс CSS Эрика Мейера и сброс Yahoo YUI2 CSS .

Answer 3

Это потому, что к элементам td применен отступ. Вы можете сделать это: <td style="padding:0"><div id="div1" style="display:none; padding:1px;"></td>

И сдвиньте отступ к элементу div и скройте его, когда он пуст. В этом случае Firefox не применяет никаких отступов. Но он все равно должен выглядеть как другие tds, когда к нему применяются данные.

Answer 4

Попробуйте установить все поля и отступы на 0 в начале вашего CSS.

*{
  margin: 0;
  padding: 0;
}

А затем вы можете установить эти значения явно, где это необходимо.