☆

アイフレの固定って、どうやったらいいだろう？

アイフレ（インラインフレームが正式名称なんで、アイフレってのはちょっと違和感あるんだけどね）を固定するのに、<DIV></DIV>でスタイルシートを使ってページ上からの距離と左からの距離を指定するらしいけど、お気に入りの欄を無くしたり出したりすると、位置がずれるみたい？
ずれてる人のソースを見せてもらうと、たいていスタイルシートを使ってるのでそうじゃないかと思うんだけど、今はちょっとやり方をはっきり知らないので、テーブルで固定する方法を考えてみる。
ソースを見たい人は、見てもらっていいです。コピーしても良いですよ。

その１

背景に画像を指定して、テーブルタグで3分割してみる。
線を出したので分かるかな。
んで、2番目のセルにアイフレタグを入れて、
<TD valign="bottom">
で、一番下に表示するように指定してみた。
それだと、下のラインにくっついてしまうので、アイフレタグの下に をいくつか入れて調節して位置を合わせてみた。
それぞれのセルのwidth（幅）を変えることで、アイフレの位置を変えれるけど、白い窓の部分が左から何ピクセルかは良く分からないので、てきとーに数字を入れて、調節を何度もした。

と入ってます。

その２

その１と同じで、テーブル分けして位置を決めてるんだけど、アイフレの位置決めをアイフレの上に入れた で調節してみた。

テーブルタグの前後に<center></center>を入れて、テーブル全体を中心に持ってきてみた。
スペース入れて右に寄せたり左に寄せたりもできるね。
でも、これくらいはスタイルシートで指定した方が頭よさそうかも^^;

その３

これは一番単純かな。 
テーブルはセルは分けないで、その中で と全角スペースで位置決めしてみた。 
■は、全角のスペースです。 
ソースがあんまり洗練（ぇ）された感じじゃないけど、 
見えるわけじゃないので、これでもいいかな～。 
 
 
 
 
 
 
 
 
 
 
■■■■■■■■■■■■■■■■■■■■■■

トップへ戻る