• ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：インラインフレームが画面サイズを変えるとずれてしまう）

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

このQ&Aのポイント
  • メニューが書かれている画像をクリッカブルマップを使用して、その画像内にインラインフレームを表示させたいと思うのですが、画面サイズを変えるとインラインフレームの位置がずれてしまいます。
  • 元の画面サイズが1280x1024で綺麗に表示されるのですが、変更後の画面サイズが1024x768だとインラインフレームの位置がずれて表示されてしまいます。
  • クリッカブルマップを使用した画像の位置はどんな画面サイズになっても画面のど真ん中にくるようになっていますが、インラインフレームだけがどうしてもずれてしまいます。どなたか詳しい方、教えていただけると助かります。
  • HTML
  • 回答数1
  • ありがとう数3

質問者が選んだベストアンサー

  • ベストアンサー
  • steel_gray
  • ベストアンサー率66% (1052/1578)
回答No.1

下の例のような感じで。 （クリッカブルマップを含むブロックを好きなように配置すれば、 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>

elmoge
質問者

お礼

ご回答有難うございました！！ 分かりやすくタグで説明してくださったおかげで、 どんなサイズでもぴったり表示されるようになりました！ 半日かかっても解決しなかったので本当に助かりました。 早く聞けばよかったです。 本当に有難うございました！

すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

注目のQ&A

カテゴリ

OKWAVE コラム

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

専門家に質問してみよう

職業から探して質問する
質問する