![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
HMTLのiframeで、右側に余分な空白ができます。
padding-rightで余白を詰められると思ったのですが、詰まりません。
詰める方法はないでしょうか?
■呼び出し元
<html>
<body>
<iframe src="./frame.html"
width="310" style="padding-right:0px;">
</iframe>
</html>
■呼び出される側
<html>
あああああああああああああああああああああ<br>
あああああああああああああああああああああ<br>
</html>
![「iframeで、右側に余分な空白ができる」の質問画像](http://oshiete.xgoo.jp/_/bucket/oshietegoo/images/media/2/134874_5497bcac78107/M.jpg)
No.1ベストアンサー
- 回答日時:
私はiframeは、transitionalなので使いませんが、単純に呼び出されるHTML側のスタイルに従うだけです。
[埋め込まれるHTML]http:は、httP:に置換してあるので戻すこと。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "httP://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<title>サンプル</title>
<meta name="author" content="ORUKA1951">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" >
<link rel="START" href="../index.html">
<style type="text/css">
<!--
html,baody,p{margin:0;padding:0;background-color:gray;}
p{line-height:1.4em;text-indent:1em;background-color:yellow;}
-->
</style>
</head>
<body>
<h1>サンプル</h1>
<p>あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、わゐうゑを</p>
<p>あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、わゐうゑを</p>
</body>
</html>
div{overflow:auto;}
なら、staticなので、お勧めです。
回答ありがとうございます。
呼び出される側に、これを加えたらいっぱいいっぱいまで表示できるようになりました。
ありがとうございます。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "httP://www.w3.org/TR/html4/strict.dtd">
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- JavaScript Javascript初心者|jQueryの.val()で値を取得し複数の要素を連結させる方法知りたい 2 2022/06/02 12:06
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS htmltとcssのコードで 1 2022/11/26 13:37
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
POSTしたデータの文字コードがu...
-
css ,videotタグ。ホームページ...
-
safariだけcssが反映されない
-
objectタグを使って背景を透明...
-
HTMLで画像を上下中央に表示したい
-
IE操作時、metaタグ自動転送前...
-
根号の書き方について
-
ドリームウェーバーで同じタグ...
-
みなさんは <meta>タグ、どこ...
-
多言語ページのエンコード記述...
-
もう意味がわかりません。
-
サイクリックボルタンメトリー(CV)
-
viewportの動作について
-
ファビコンが表示されない
-
tableの縦横センタリングについて
-
縦書きタグについて。
-
文字コードをutf-8で保存したい
-
XHTMLの文字コードのEUC-JPの文...
-
HTMLからフォルダを開きたい
-
Excelで、社外秘(閲覧のみ)と...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
css ,videotタグ。ホームページ...
-
POSTしたデータの文字コードがu...
-
body内にmetaタグを記述は問題...
-
根号の書き方について
-
文字化けを故意に表示したい
-
HTMLファイルのインクルードで...
-
先日ウェブデザイン技能検定三...
-
iframe内の表示を常に最新にしたい
-
指定した演算を実施の結果を表...
-
borderでa:hover下線表示させる...
-
ページ全体を中央に配置したい...
-
safariだけcssが反映されない
-
わざと文字化けさせるには
-
WEBページがIEだけ文字化けして...
-
html で 変数を定義できますか?
-
<!DOCTYPE html>あってますか?...
-
COLDFUSIONの文字化け
-
Duolingo のソースコードの名前...
-
textareaの一行の文字数制御
-
Aタグのmailtoでメッセージ作成...
おすすめ情報