0

テーブルといくつかの div 要素があります。テーブルは時間グリッドであり、div は、時間に応じてテーブルの上から下まで相対的にすべての位置を取るイベントです。

スクリーンショットを参照してください:代替テキスト http://img687.imageshack.us/img687/4348/margintop.png

したがって、div の margin-top を正しくするために、これらの div はテーブルに対して相対的に配置されるため、負として指定します。

しかし、場合によっては、それらは互いに相対的に配置され、マークアップは正しくありません。

では、これらの div 位置を画面の開始点に対して相対的にする方法と、表を背景として使用する方法 (たとえば、「非常に」負の z-index を指定する場合)。

したがって、問題は、テーブルがdivの位置に影響を与えないようにする方法です。

注: スクロール中にテーブルがスクロールされ、div が固定されるため、div の絶対位置は受け入れられません。

HTML (順序付き) テーブルの単純化された例:

<table cellspacing="0" cellpadding="0" style="margin: 0pt; padding: 0pt; width: 100%;">
</table>

分割:

<div style="height: 118px; margin-left: 38px; margin-top: -94px; width: 48%;"></div>
4

1 に答える 1

2

絶対にdivを相対的に配置できます。

これに関係するのは、テーブルで position:relative を設定することです。その後、含まれている div で position:absolute を設定できます。これらはテーブルとともにスクロールし、div の場所を設定するより信頼性の高い方法であり、ブラウザー間でより適切に機能します。

編集: position: absolute を設定したら、これらを目的に使用していないため、 margin-top: および margin-left: ではなく、 top: および left: を使用します。

于 2009-12-03T16:49:29.387 に答える