Абсолютное позиционирование отлично работает в Chrome и IE, но не в FF.

Я пытаюсь установить абсолютное положение div в ячейке таблицы (с относительным положением), и оно отлично работает в Chrome и IE, но в FF кажется, что он просто позиционируется абсолютно по отношению ко всему телу.

Я пытаюсь отобразить свой div в левом верхнем углу ячейки (ссылка просто используется для позиционирования другого элемента в моем коде, но он должен располагаться в правом верхнем углу ячейки). Однако в FF div отображается в левом верхнем углу всего экрана, а ссылка (элемент, позиционируемый как ) — в правом верхнем углу всего экрана.

Вот соответствующий код:

<TD ID="EVENT" style="position:relative;">
<a href="#" id="Menu" style="position:absolute;top:0;right:0;"></a>
    <div id="detail" style="position:absolute;top:0;left:0;width:100%;z-index:10;">
    content
</div>
</TD>

firefox css-position
person Mats Raemen    schedule 12.04.2012    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Я не уверен, имеет ли это отношение к проблеме, но в ячейке таблицы отсутствует кавычка:

<TD ID="EVENT style="position:relative;">

Должен прочесть:

<TD ID="EVENT" style="position:relative;">

Подобные вещи вызывали у меня проблемы в прошлом, хотя, если это нормально в других браузерах, возможно, это не вызывает проблемы.

РЕДАКТИРОВАТЬ: Попробуйте использовать контейнер div внутри ячейки таблицы.

    <TD ID="EVENT">

      <div id="container" style="position:relative;">

        <a href="#" id="Menu" style="position:absolute;top:0;right:0;"></a>
        <div id="detail" style="position:absolute;top:0;left:0;width:100%;z-index:10;">
        content
        </div>

      </div>

    </TD>
person shauneba    schedule 12.04.2012
comment
Это не так, в моем исходном коде он есть, но я, должно быть, удалил его при очистке своего кода только до соответствующих битов. - person Mats Raemen; 12.04.2012
comment
Может быть, это особая причуда, которая не работает в ячейках таблицы в FF. Попробуйте поместить div «контейнер» внутри ячейки таблицы и расположить их внутри него? - person shauneba; 12.04.2012
comment
Нет проблем :) Таблицы иногда странные с CSS. - person shauneba; 12.04.2012