- ベストアンサー
table内でiframeを表示
table内でiframeを表示するとき、iframeの幅をtableのセルの幅に合わせるにはどうすればいいでしょうか？ <table> <tr> <td>…</td> <td><iframe src="…"></iframe></td> <td>…</td> </tr> </table>
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
修正 window.onloadのがよさそうでした ■head内に <script type="text/javascript"> window.onload=function(){ var ihei=document.getElementById("ibox").scrollHeight; var itarget =document.getElementById("fitifra"); itarget.style.height=ihei+"px"; } </script> ■iframeの入っているtdとiframeにidを振る <td id="ibox"><iframe src="inline_dummy.html" frameborder="0" id="fitifra"></iframe></td>
その他の回答 (2)
- salonpath
- ベストアンサー率48% (194/399)
iframeの中身のサイズに合わせてtdを拡張するのではなく tdのサイズにiframeを合わせるんですよね？ htmlとcssだけだと出来なかったので、よく判らないながらjavascriptを書いてみました、ミスってたらすみません。 よければどなたか添削お願いします。 ■head内に <script type="text/javascript"> function fitframe(){ var ihei=document.getElementById("ibox").scrollHeight; var itarget =document.getElementById("fitifra"); itarget.style.height=ihei+"px"; } </script> ■bodyにonloadを追加 <body onload="fitframe();"> ■iframeの入っているtdとiframeにidを振る <td id="ibox"><iframe src="inline_dummy.html" frameborder="0" id="fitifra"></iframe></td>
- salonpath
- ベストアンサー率48% (194/399)
<iframe src="・・・" width="100%" frameborder="0"></iframe>
お礼
ありがとうございました！ 幅の問題解決しました！しかし…同じ様にheight="100%"で指定したのですが、縦の幅が合いません…少し隙間が開いてしまうんです…右クリック→Rで更新するとピッタリあうのですが…。常にピッタリと縦幅をそろえるにはどうすればいいでしょうか…？frameborder="0"を指定してもしなくても同じ結果になります。
お礼
回答ありがとうございます！ やはりhtml+cssでは、難しいでしょうか…？できればjavascriptを使わないで実現したいと考えているのですが…。ですがせっかく教えていただいたので、今はjavascriptで対応したいと思います！ どうもありがとうございました！