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

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

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

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

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

Ответы

Ответ 1

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

Ответ 2

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

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

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

Ответ 3

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

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