スタイルシートのpositionプロパティについて

質問

インラインフレームの位置を絶対指定したいのですが上手くいきません。

IFRAME{position : absolute;
left : 100px;
top : 100px;
bottom : 100px;
right : 100px;
}

これで親ウインドウ４辺に対して100px間隔のあるものが出来ると思ったのですが、
左と上の位置だけ正しい、小さなフレームになってしまいます。

インラインフレーム自体のサイズを指定すると、ウィンドウの大きさによっては
切れてしまうのでなるべく避けたいのです。

何が間違っているのでしょうか？良きアドバイスお願いします。

回答No.1

inuichi · ベストアンサー

leftとright、topとbottomは同時には設定できません。
その為、最初の２つが優先されて適用されたのだと思います。
センタリングするだけでよければ、

IFRAME{
margin: auto
}

でできますが。
100pxにこだわるなら、
javascriptなどでウィンドウサイズをだしておいて、
それをcssで呼んで、そこから、
インラインフレームの縦、横サイズを
それぞれウィンドサイズ-200pxにするように設定して、センタリングする
といったようことが必要になってくると思います。

お礼

ありがとうございます。

背景、インラインフレーム、画像を組み合わせて変わった見え方にしようと思っていたのですが、
なんとか使えるメドが立ちました。