HTML-таблица слишком широкая в IE7

У меня есть таблица, которая отлично отображена в Chrome, IE8 и IE9. Однако в IE7 таблица заканчивается намного шире, чем ее содержимое (100% содержащего элемент?). Как сделать таблицу такой же широкой, как ее содержимое в IE7 и IE6 (и продолжать отображать в новых браузерах)?HTML-таблица слишком широкая в IE7

Вот таблица:

<table class="SisSubDetailTable"> 
    <tbody> 
     <tr> 
      <td>Date:</td><td>10-16-11</td><td>SOID:</td><td>SUST — Sustaining                       </td> 
     </tr> 
     <tr> 
      <td>Status:</td><td>25 characters' worth of data</td><td>Work Order:</td> 
      <td>  </td> 
     </tr> 
     <tr> 
      <td>Company:</td><td>6K8 — KAPCO</td><td>Sub:</td><td>9999 </td> 
     </tr> 
     <tr> 
      <td>Store:</td><td>34 characters' worth of data</td><td>Export Price:</td> 
      <td>$0.00</td> 
     </tr> 
     <tr> 
      <td>Class:</td><td>26 characters' worth of data</td><td>Control Ship:</td> 
      <td>N</td> 
     </tr> 
    </tbody> 
</table>

Следующая CSS, кажется, делает клетки узкие, но таблица в целом по-прежнему гораздо шире, чем 400px:

table.SisSubDetailTable 
{ 
    width: 400px; 
} 

table.SisSubDetailTable td 
{ 
    border-width: 0; 
    width: 100px; 
}

источник

2012-06-29 birdus

На самом деле CSS выше делает перенос текста так, как будто ячейка на самом деле имеет ширину 100 пикселей, но граница ячейки по-прежнему довольно шире, чем текст. Странный. – birdus

Еще одна интересная вещь: ячейка, в которой нет данных, фактически не отображается в IE7, хотя я не думаю, что это сделало бы ячейки и таблицу такими широкими. Это интересное замечание. – birdus

Вы должны установить его ширину свойство в css. Используйте догадку и проверку, чтобы выяснить, насколько она вам нужна.

источник

2012-06-29 22:04:18 dezman

Я не знаю, какая ширина должна быть впереди времени. Не могу ли я просто иметь таблицу так же узко, как данные? – birdus

Извините, нет никакого правила усадки к месту, вам нужно будет его протестировать, попробуйте 300px, затем настройте. Это займет всего минуту. – dezman

Похоже, установка ширины вместе с использованием! Important устанавливает ширину. Предположим, я просто загружу другой CSS-файл для более ранних браузеров, но пусть природа возьмет курс на новые. Благодарю. – birdus

Если вы еще этого не сделали, установите значение в пикселях и избегайте других устройств.

источник

2012-06-29 22:05:20 Joe

HTML-таблица слишком широкая в IE7

ответ

Смежные вопросы