Firefox игнорирует абсолютное позиционирование в ячейках таблицы

Question

Я пытаюсь абсолютно позиционировать элемент внутри ячейки таблицы.TD имеет position:relative, а элемент имеет position:absolute.

. Это прекрасно работает во всех браузерах, кроме Firefox, где он расположен относительно контейнера-родственника предка.

Вы можете видеть этовоспроизводится в этой скрипке: http://jsfiddle.net/ac5CR/1/

Кто-нибудь знает, если я пропустил некоторые настройки CSS, которые могут исправить это в Firefox?

Answer 1

элемент не является блочным элементом. добавьте к стилю display: block, вы получите необходимое поведение.

Answer 2

Возможный обходной путь - обернуть элемент position:absolute другим position:relative div.Для этого требуется дополнительный div, который хромает, но даст правильный результат.

Пример: http://jsfiddle.net/pTJUk/

Примечание - это все равно не даст полностью правильный результат, так какposition:relative div будет относительно текстовой позиции в td - безумие, верно?Если дать ячейку vertical-align:top, то она будет ориентирована на 0,0, но, конечно, это может происходить за счет другого форматирования, необходимого вашему дизайну.

Answer 3

Это была очень старая ошибка Firefox, которая была исправлена ​​через 13 лет после сообщения!

Вы можете обратиться к развлекательной истории здесь: https://bugzilla.mozilla.org/show_bug.cgi?id=63895