ページ全体をインラインフレームにする方法

2006/11/06 12:51

このQ&Aのポイント

大きな1枚の画像の上にメニューと本文を同時に表示するために、ページ全体を2つのインラインフレームにしたいと考えています。
左右2カラムのレイアウトをスタイルシートで作成し、左のインラインフレームにはwidth:20%;height:100%;を指定し、右のインラインフレームにはwidth:80%;height:100%;を指定しました。
しかし、右側に余白ができてしまいます。htmlやbodyのmarginとpaddingを0pxに設定したり、width:100%;とheight:100%;を指定しても効果がありません。端に余白が出ないようにする方法を教えてください！

nyanyunyo
お礼率88% (30/34)

HTML
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

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

ベストアンサー

crepon133
ベストアンサー率51% (399/776)

2006/11/10 14:54 回答No.1

これでどうですかね？  <div class="main"> <iframe src="a.html" width="100%" height="100%" scrolling="auto" name="side" frameborder="0" allowtransparency="true"></iframe> </div> <div class="side"> <iframe src="b.html" width="100%" height="100%" scrolling="no" name="main" frameborder="0" allowtransparency="true"></iframe> </div> iframeに読み込まれるファイルの方は <body style="background-color:transparent"> にしてください。

質問者