HMTLのiframeで、右側に余分な空白ができます。
padding-rightで余白を詰められると思ったのですが、詰まりません。
詰める方法はないでしょうか?
■呼び出し元
<html>
<body>
<iframe src="./frame.html"
width="310" style="padding-right:0px;">
</iframe>
</html>
■呼び出される側
<html>
あああああああああああああああああああああ<br>
あああああああああああああああああああああ<br>
</html>
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ランキング
-
<!DOCTYPE html>あってますか?↑
-
Duolingo のソースコードの名前...
-
text-decorationを伸ばす方法
-
FC2ホームページ 『meta name="...
-
COLDFUSIONの文字化け
-
iframe内の表示を常に最新にしたい
-
html で 変数を定義できますか?
-
iphoneから自分のHPを見ると文...
-
body内にmetaタグを記述は問題...
-
HPの文字化けを直したい
-
★ポップアップウィンドウ&スク...
-
IE対応 HTML5 こちらでよろしい...
-
Excelで、社外秘(閲覧のみ)と...
-
ホームページでファイルをダウ...
-
HTMLからフォルダを開きたい
-
iPadの標準ブラウザでローカルH...
-
form action="#"
-
一つのリンクに複数のURLを指定
-
1つ下の階層のフォルダに相対...
-
インラインフレーム内のアンカ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
css ,videotタグ。ホームページ...
-
POSTしたデータの文字コードがu...
-
Duolingo のソースコードの名前...
-
body内にmetaタグを記述は問題...
-
iframe内の表示を常に最新にしたい
-
ページ全体を中央に配置したい...
-
HTML上に貼り付けたPDFが表示さ...
-
HTMLソースにない文字がブラウ...
-
HTMLファイルのインクルードで...
-
Google検索でサイト説明文が文...
-
文字化けを故意に表示したい
-
自分で<head>内をかけない場合...
-
FFFTPでの文字化け
-
根号の書き方について
-
表示時に1回だけリロードさせ...
-
リンクボタンにgifアニメを使え...
-
COLDFUSIONの文字化け
-
HTMLでwebサイトを作ってるので...
-
Content-Typeの大文字
-
borderでa:hover下線表示させる...
おすすめ情報