Таблица с шириной: 100% внутренняя позиция: абсолютная на IE7

Question

Пожалуйста, посмотрите на эту скрипку:

http://jsfiddle.net/dyv88/16/

В IE7, если я поместил width: 100% на таблицу, внутри div с позицией: absolute и width не указано, таблица занимает весь экран.

Все более новые браузеры, это не так.

Может кто-нибудь объяснить, пожалуйста?

А как лучше это исправить? Мне просто нужно указать ширину для всех элементов с абсолютным позиционированием? Или есть какое-то лучшее решение с каким-нибудь элементом-оберткой?

Answer 1

Если вы хотите позиционировать абсолютное значение, оно должно быть относительно первого родителя , который расположен. Похоже, что IE7 не знает, какой это родитель, потому что вы его не указали. Сделайте position: relative на одном из родителей, чтобы это исправить. Или расположите таблицу относительно.

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

jsFiddle Demo