![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
以前質問させていただいたのですが人の少ない時間でしたので、再度させていただきます。
ホームページ作成に関してはまるっきり独学なので、もしかしたらくだらないことなのかもしれませんが、二つほど質問させていただきます。
まずiframeタグに関してです。
ifameタグでhspace=0とすれば、ブラウザを小さくしたときに左端に隙間ができないと思ったのですが、どうしても2ミリぐらいの隙間があいてしまいます。タグの部分はこんな感じです。
<iframe height="800" width="600" frameborder="0" src="**.html" align="center" hspace=0>
もう少し細かい情報が必要でしたら、その都度補足いたします。
あともう一つですが、align="center"と指定していてもGecko系だと中央に表示されないのですが(IEは大丈夫でした)、これは仕様なのでしょうか?
一応今はcenterタグでなんとかしてはいるのですが。
少しでもわかることがあったら、どんなことでも良いので教えていただけたら幸いです。よろしくお願いします。
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_05.png?e8efa67)
No.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>
回答していただきどうもありがとうございます。
言われてみれば、スタイルシートはまだ全く試してませんでした。
回答の通りにしてみたところ、IEの方でうまくいったので何が原因なのかいろいろと実験してみたところ、要するにbodyのマージンが余白になってしまっていたようです。
ただしFireFoxの方では余白があいてしまいましたので、その後また少し調べてみたところ、
<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
で解決いたしました。
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_05.png?e8efa67)
No.1
- 回答日時:
スタイルシートを使った方が良いと思います。
このページで説明しきれるものじゃないので、指南サイトをご覧になるか、書籍の購入をお勧めします。
今回の件に限っては、「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">
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- その他(学校・勉強) この中で間違ってある説明はありますか?詳しい方に教えていただきたいです。 A. 1つのプログラムが複 2 2023/07/14 01:15
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<h1>、<h2>と<p><div>の行間を...
-
htmlの文字が縦書きになる
-
HTML属性での「""」 「''」違い
-
<table>の高さ固定。情報増加時...
-
footer を横幅いっぱいに広げる...
-
HTML要素のid/class名の長さに...
-
リストマーカーをボックス内に...
-
【ヒトの神秘】美男美女から何...
-
複数のボタンを等間隔に、かつ...
-
smallにtext-allignが効かない
-
NからZへの全単射を具体的に構...
-
画像にリンクを張ると画像がず...
-
番号付きリスト(<Ol><Li>・・...
-
掲示板を作成しておりアップロ...
-
W3Cのソースコードの検証サービ...
-
ボタンを横に並べて表示させる方法
-
CSSのセレクタに指定するbodyと...
-
pythonでのカーソル移動がずれる
-
cssで、チェックボックスの画像...
-
リンク文字同士の間隔を開ける...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<h1>、<h2>と<p><div>の行間を...
-
iframeタグで左端があいてしまう。
-
[HPデザイン]ページの上部の空白
-
htmlの文字が縦書きになる
-
HTML属性での「""」 「''」違い
-
htmlのolやulなどlistにtitleや...
-
widthやheightの数値に単位(px...
-
【ヒトの神秘】美男美女から何...
-
smallにtext-allignが効かない
-
含む含まないという概念自体の...
-
質問1.
-
リストマーカーをボックス内に...
-
div要素が重なってします
-
2個のFormを横並びにしたい
-
liタグの中に<p>タグやら<dl>を...
-
ボタンをセル内一杯に表示させ...
-
複数のボタンを等間隔に、かつ...
-
画像イメージの上下左右、欲し...
-
html の divとtable の役割
-
<table>の高さ固定。情報増加時...
おすすめ情報