以前質問させていただいたのですが人の少ない時間でしたので、再度させていただきます。
ホームページ作成に関してはまるっきり独学なので、もしかしたらくだらないことなのかもしれませんが、二つほど質問させていただきます。
まずiframeタグに関してです。
ifameタグでhspace=0とすれば、ブラウザを小さくしたときに左端に隙間ができないと思ったのですが、どうしても2ミリぐらいの隙間があいてしまいます。タグの部分はこんな感じです。
<iframe height="800" width="600" frameborder="0" src="**.html" align="center" hspace=0>
もう少し細かい情報が必要でしたら、その都度補足いたします。
あともう一つですが、align="center"と指定していてもGecko系だと中央に表示されないのですが(IEは大丈夫でした)、これは仕様なのでしょうか?
一応今はcenterタグでなんとかしてはいるのですが。
少しでもわかることがあったら、どんなことでも良いので教えていただけたら幸いです。よろしくお願いします。
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">
で解決いたしました。
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の文字が縦書きになる
-
「諸要素」とはどういう意味で...
-
中点「・」の改行について
-
番号付きリスト(<Ol><Li>・・...
-
画像の横に文字をうまく配置で...
-
htmlのolやulなどlistにtitleや...
-
<div id="container">の使いか...
-
widthやheightの数値に単位(px...
-
html の divとtable の役割
-
【CSS】ヘッダーの高さが不明の...
-
表示倍率を変えるとレイアウト...
-
css初心者 フレックスボックス...
-
【ヒトの神秘】美男美女から何...
-
HTML属性での「""」 「''」違い
-
html/cssの、navを2段にする...
-
<table>の高さ固定。情報増加時...
-
改行ほどは行かないけど、若干...
-
CSSのセレクタに指定するbodyと...
-
テキストボックスの高さを可変...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<h1>、<h2>と<p><div>の行間を...
-
iframeタグで左端があいてしまう。
-
[HPデザイン]ページの上部の空白
-
htmlの文字が縦書きになる
-
【ヒトの神秘】美男美女から何...
-
htmlのolやulなどlistにtitleや...
-
widthやheightの数値に単位(px...
-
div要素が重なってします
-
smallにtext-allignが効かない
-
含む含まないという概念自体の...
-
リストマーカーをボックス内に...
-
HTML属性での「""」 「''」違い
-
複数のボタンを等間隔に、かつ...
-
css初心者 フレックスボックス...
-
ボタンをセル内一杯に表示させ...
-
<table>の高さ固定。情報増加時...
-
ulタグやliタグの中でbrタグ...
-
html/cssの、navを2段にする...
-
還暦を過ぎた方々に質問です。
-
「諸要素」とはどういう意味で...
おすすめ情報