![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
全てのページにインラインフレームを使用し、頻繁に更新する情報を表示しています。
インラインフレーム内に指定したページを更新しているのでどのページからでも最新情報を見せられるのですが、
最新情報の文章量が増え指定したインラインフレームのheight=""より高くなってしまいます。
結果スクロールバーが出てしまうのですが、
レイアウトが崩れてしまうのでスクロールバーは表示させたくありません。
外部CSSのように一カ所のheightを変更すれば全てのインラインフレームに適用される、
もしくはフレーム内の文章量によって自動的にインラインフレームのheightが変更される…
などという事は出来ませんでしょうか?
宜しくお願い致します。
No.2ベストアンサー
- 回答日時:
> idで名前を付ければ全ページのインラインフレームの枠サイズを一括変換出来るのですか!?よろしければ方法・参考サイトなどを教えて下さい。
これ、外部cssのことです。
idを使うのは特定の要素のみに反映させるため。
外部cssの使い方は分かりますか?
「外部ファイルにまとめて設定する」
http://www.tagindex.com/stylesheet/basic/pattern …
「IDを使った指定」
http://www.tagindex.com/stylesheet/basic/format3 …
これで、最新情報を変更したらcssファイルの高さ指定も変更すれば、cssファイルが指定されているページの、idが指定された該当要素のみ高さが変わります。
例えば同ページ内に複数のインラインフレームを使用していても、「id名を付けた」最新情報用フレームだけ高さが変わるわけです。
cssは<div class="">でレイアウトを作るのと、文字色や文字サイズのみしか使っていませんでした。
外部cssファイルに#iframe1 { width:●px; height:○px; }、
インラインフレームタグを<iframe id="iframe1">とう風に記述すると出来ました!
このような使い方も出来るのですね。
ありがとうございました。
No.1
- 回答日時:
むしろフレーム内の内容量を調整したほうがよいのでは?
しょっちゅうフレームの高さを変更すると、ページ構成がくずれたりしませんか?
>外部CSSのように一カ所のheightを変更すれば全てのインラインフレームに適用される
これが一番いい方法だと思いますが。
それぞれのページの情報用フレームにid名でもつけて、
高さや幅指定など装飾関係はすべて外部css指定にすればよろしいかと。
ありがとうございます!
質問を投稿した後に確認すると分かりにくいでした。申し訳ありません。
>むしろフレーム内の内容量を調整したほうがよいのでは?
頻繁に情報を追加する上、更新するのは自分以外の人も行うので中々調整するのが難しいのです。
インラインフレームはパージの左側に設置しているので、高さが変更されても構成が崩れる事はありません。
>それぞれのページの情報用フレームにid名でもつけて~
idで名前を付ければ全ページのインラインフレームの枠サイズを一括変換出来るのですか!?よろしければ方法・参考サイトなどを教えて下さい。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 別サイトのHTML内にある情報を自動取得して、自分のサイトに組込む方法を教えてください。 例えば、Y 1 2023/06/15 08:09
- Excel(エクセル) 【エクセルマクロ】既に開いているIEの、サイズや表示位置を変更するには 4 2022/12/01 22:57
- Chrome(クローム) 最近のGoogle Chromeのデータ読み込みの遅延やエラーって頻発しますか? 2 2023/01/06 22:12
- MySQL PHPとMySQLを使った掲示板の作り方 1 2022/06/02 13:00
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
- Windows 10 windows10のクリーンインストールが完了出来ない 2 2022/06/04 13:33
- HTML・CSS リストの並べ替え 1 2022/09/13 15:27
- Word(ワード) ワード文章の制作日証明についての質問です 2 2023/02/10 11:50
- ハッキング・フィッシング詐欺 アマゾンを語るメールがまた来た 5 2023/05/11 18:56
- Excel(エクセル) エクセル2013「次のページ数に合わせて印刷」が小さすぎる 9 2023/03/28 10:18
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
縦書きのcssについて質問です。...
-
マイクロ(μ)の文字を半角で出...
-
outlook 文字を揃えたい。tab...
-
教えてください。
-
「MS Pゴシック」と同じ幅の...
-
入力規則のリストの文字の大き...
-
タイ語と日本語混在のサイトを...
-
Illustratorで作成、pngで保存...
-
ACCESS VBA レポートプレビュー...
-
alertで表示させる文字サイズは...
-
cssファイルの名称付け
-
テーブル内の文字サイズを変更...
-
MsgBoxについて
-
PDFファイルを開かずに印刷...
-
パスワード欄の"●"文字を小さく...
-
テキストエリア内の文字の装飾
-
<pre>タグ内のフォントサイズに...
-
外国語版メイリオはある?
-
ユーザーフォーム スクロール...
-
ページ内の画像印刷について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
safari でcssがききません!
-
オンラインとオフラインでのcss...
-
cssでリンク先のurlを表示させ...
-
macで見るとホームページが真っ...
-
NN(Netscape)だけに適用され...
-
外部cssのパーミッション?
-
contentプロパティの初期化?
-
このサイトのようにhタグをし...
-
メールソフトBecky!のHTMLメー...
-
インターネットのHTMLが圧縮形...
-
Chromeでcssを表示させると、cs...
-
スクロールバーをカスタマイズ...
-
ホームページビルダーでcssのサ...
-
携帯では指定のタグを無効化す...
-
ユーザビリティ、アクセシビリ...
-
表だけのページにおける表題の...
-
cssが触ってないのに崩れていま...
-
文字の色、大きさを変えるWe...
-
WinIE5にだけCSSを適用させない...
-
CSS、Bootstrapについて contai...
おすすめ情報