2

テーブルセル内の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>
4

1 に答える 1

2

I'm not sure if this is relevant to the problem, but you're missing a quote mark in your table cell:

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

Should read:

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

That sort of thing has caused problems for me in the past, although if it's ok in other browsers maybe that isn't causing the problem.

EDIT: Try using a container div inside the table cell.

    <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>
于 2012-04-12T09:33:37.227 に答える