Internet Explorer игнорирует ширину при использовании CSS таблицы

Question

Привет всем Я создал Js скрипку, чтобы проиллюстрировать эту проблему:

http://jsfiddle.net/pLn7qgp7/

На самом деле это не работает в Internet Explorer - установить ширину в 500px но браузер игнорирует это.

Я знаю, что могу просто добавить ширину к изображениям, но я ищу другое решение, чтобы номер изображения мог меняться.

Answer 1

IE на самом деле правильный здесь. Chrome ошибается.

В соответствии с историей языка HTML обратной совместимости, width на столе (или его клеток) фактически означает min-width. Таблицы имеют ширину и ширину для обеспечения соответствия содержимого.

Добавить table-layout:fixed в элемент table (в данном случае ваш элемент #wrap), чтобы заставить «строгое» поведение относительно ширины.