Position Fixed Behavior for Internet Explorer 5+

Position Fixed Behavior (IFRAME 位置指定テスト)

2005/07/10 (Ver 0.5.1)

Windows版IE 5.0の 独自拡張ビヘイビア (HTML Components)を用いて CSSの position: fixedを 擬似的に再現するコンポーネントです。

配置指定は、全て(left, top, right, bottom)。指定単位は、px, pt, pc 及び % が可能です。

ビヘイビア・ソースコード ダウンロード

上手くダウンロード出来ない時は、右クリックで「名前を付けて保存(対象をファイルに保存)」してください。

• ビヘイビア (HTC) → pos-fixed.htc 5.13KB / Shift_JIS [LF]
• ソースコード (TXT) →pos-fixed.txt 5.13KB / Shift_JIS [LF]

使用例

このページでは、ビヘイビア (JavaScript)を使用して見出し (H1) の位置を left: 10px; top:10px;で固定しています。

• left top 位置指定 ... テストページ (HTML 4.01)
• right bottom 位置指定 ... テストページ (HTML 4.01)
• インラインフレーム要素の位置指定 ... このページ (HTML 4.01 Transitional)

設置方法

幅及び、高さを指定した要素(画像、テーブル等)に クラス(.fixed)を指定して、下記の様にHTML(ページ)のhead部にstyle埋め込みするか、別途スタイルシートへ記述します。

<style type="text/css">
#fixed {
 position: fixed; _position: absolute;
 right: 20%; top: 40%;
 background-color: transparent;
 behavior: url(./pos-fixed.htc);
 border: 0 none;
 padding: 0; margin: 0;
 overflow: hidden;
}
</style>

注意事項 及び、既知の問題

• ポジショニング対象は、右及び下の描画領域を超える事は出来ません。(ズレます)
• HTC (Behavior)ファイル使用の共通注意点を読まれていない方は、お読みください。 (別ページ)