インラインフレームが画面サイズを変えるとずれてしまう

解決済

質問者：elmoge
質問日時：2007/07/24 18:29
回答数：1件

メニューが書かれている画像をクリッカブルマップを使用して
さらにその画像内にインラインフレームを表示させたいと思うのですが、
その画像の上にインラインフレームを乗せるとこまでは上手くいったのですが
解像度（画面サイズ）を変えて見たところ、
インラインフレームの位置がずれて表示されてしまいます。

元の画面サイズが1280x1024（綺麗に表示される）で、
変更後の画面サイズは1024x768（ずれて表示される）です。
どんな画面サイズからでもＨＰが見れるようにしたいのです。

ちなみに、クリッカブルマップを使用した画像の位置は
どんな画面サイズになっても画面のど真ん中にくるようになっています。
インラインフレームだけがどうしてもずれてしまうのでお手上げです；

どなたか詳しい方、教えていただけると助かります。
宜しくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

No.1ベストアンサー

回答者： steel_gray
回答日時：2007/07/24 19:11

下の例のような感じで。

（クリッカブルマップを含むブロックを好きなように配置すれば、
iframeの位置も親ブロックに従って配置されます）

<html>
<head>
<title></title>
<style type="text/css">
#box{position:relative;}/*iframeを相対配置するために*/
#if01{
/*親(#box)の左上からの位置を指定*/
position:absolute;
top:XXpx;
left:YYpx;
}

</style>
</head>
<body>
<div id="box">
<img >
<iframe id="if01"></iframe>
</div>
</body>
</html>