Таблица с процентной шириной изменяет размер соответствующим образом в IE8

#html #html-table #internet-explorer-8

#HTML #html-таблица #internet-explorer-8

Вопрос:

  • У меня есть элемент таблицы, содержащийся в div, и для таблицы установлена ширина 100%.
  • Элемент div уменьшается по ширине всякий раз, когда ширина браузера уменьшается.
  • В Chrome, Safari, Firefox и IE7 при изменении размера div изменяется и размер таблицы.
  • Но в IE8, тем не менее, таблица остается без изменения размера и переполняет div контейнера

Ниже приведена структура, с которой я имею дело

     <div style="width:500px">
       <table cellpadding="0" cellspacing="0" border="0" width="100%">
          <tbody>
            <tr>
              <td valign="top">
                <div>My table column contents</div>
              </td>
              <td valign="top">
                <div>My table second column contents</div>
              </td>
            </tr>
          </tbody>
       </table>
    </div>
  

Ответ №1:

У вас есть таблица, заключенная в div с определенной шириной. Просто определите ширину таблицы тоже.

Комментарии:

1. Это вовсе не ответ на обсуждаемый вопрос. На самом деле это ошибка в IE 8. Другие указали на это, например: srikanthgade.blogspot.com/2010/09 / …

2. Спасибо за исправление. Изначально я неправильно прочитал сообщение, потому что Мандай опубликовал div с заданной шириной. Я не понял, что div изменял размер в какой-то момент. Спасибо за ссылку.