- 締切済み
iframeタグで左端があいてしまう。
以前質問させていただいたのですが人の少ない時間でしたので、再度させていただきます。 ホームページ作成に関してはまるっきり独学なので、もしかしたらくだらないことなのかもしれませんが、二つほど質問させていただきます。 まずiframeタグに関してです。 ifameタグでhspace=0とすれば、ブラウザを小さくしたときに左端に隙間ができないと思ったのですが、どうしても2ミリぐらいの隙間があいてしまいます。タグの部分はこんな感じです。 <iframe height="800" width="600" frameborder="0" src="＊＊.html" align="center" hspace=0> もう少し細かい情報が必要でしたら、その都度補足いたします。 あともう一つですが、align="center"と指定していてもGecko系だと中央に表示されないのですが(IEは大丈夫でした)、これは仕様なのでしょうか？ 一応今はcenterタグでなんとかしてはいるのですが。 少しでもわかることがあったら、どんなことでも良いので教えていただけたら幸いです。よろしくお願いします。
- LOHA
- お礼率55% (5/9)
- その他（インターネット・Webサービス）
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
みんなの回答
ANo.1です、すみません、下の回答に間違いがあります。 <meta http-equiv="Content-Style-Type" content="text/css"><style type="text/css"> body {padding:0;margin:0;text-align:center;} iframe {border:red 1 solid;padding:0;margin-left:0;}</style> ↑だと、赤い枠線がでてしまいますので、↓にしてください。 <meta http-equiv="Content-Style-Type" content="text/css"><style type="text/css"> body {padding:0;margin:0;text-align:center;} iframe {border:0;padding:0;margin-left:0;}</style>
スタイルシートを使った方が良いと思います。 このページで説明しきれるものじゃないので、指南サイトをご覧になるか、書籍の購入をお勧めします。 今回の件に限っては、「head」と「/head」の間に↓三行を加え、さらにiframeタグを下のように変えてみてください。 <meta http-equiv="Content-Style-Type" content="text/css"><style type="text/css"> body {padding:0;margin:0;text-align:center;} iframe {border:red 1 solid;padding:0;margin-left:0;}</style> <iframe height="800" width="600" frameborder="0" src="＊＊.html" align="center" hspace=0> ↓ <iframe height="800" width="600" src="＊＊.html">
お礼
回答していただきどうもありがとうございます。 言われてみれば、スタイルシートはまだ全く試してませんでした。 回答の通りにしてみたところ、IEの方でうまくいったので何が原因なのかいろいろと実験してみたところ、要するにbodyのマージンが余白になってしまっていたようです。 ただしFireFoxの方では余白があいてしまいましたので、その後また少し調べてみたところ、 <body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0"> で解決いたしました。