フレームセットの高さを設定します。インターフェースの変形を解決する
2022-01-16 14:29:27
現在、以下のようなインターフェイスのプロジェクトに取り組んでいます。
これはフレームセットを使って行われ、ワイドスクリーンで問題なく開発されましたが、あるユーザーが800*600のマシンでテストして、インターフェイス全体が歪んでいることに気づきました。
当時、フレームセット・ページ全体の高さは600ピクセルしかなく、フレームセットのネストしたフレームにはスクロールバーがあり、実に醜いものでした。フレームセットの高さを高く設定して、ネストされたフレームページにはスクロールバーがなく、フレームセットにはあるようにするにはどうしたらよいでしょうか?
フレームセットの高さを、例えば <frameset rows="110,*" style="height: 1900px;"> のように設定することができません。このとき、ページの高さは画面の高さのままで、1900pxではありません。framesetの本体の高さを設定しても無効です。何をすべきか?私は何日もbaiduは、答えを見つけることができなかった、問題は保留にされている。DIV+CSSでframesetを置き換えることをアーティストに依頼することも考えましたが、関わるコンテンツが多すぎるし、変更するにも作業量が多すぎるかもしれないと思い、あきらめることにしました。
1ヶ月前からこの問題に取り組んでいましたが、今日突然iframeで、フレームセットを入れ子にして、iframseのページの高さを設定したら効果が出てきたのです。今、同じ問題に遭遇して解決できなかった同僚と解決策を共有します。
1、フレームセットページ(inner.html)
<html>
<frameset rows="110,*" frameborder="no" border="0" framespacing="-4px">
<frame src="header.jsp" name="topFrame" scrolling="no" noresize="noresize" />
<frameset cols="170,12,*" framespacing="0" frameborder="no" border="0" id="mainFrameset ">
<frame src="left.jsp" name="leftFrame"scrolling="auto" noresize="noresize" id=" leftFrame"/>
<frame src="narrow.jsp" scrolling="no" noresize="noresize"/>
<frame src="" name="mainFrame" noresize="noresize" />
</frameset>
</frameset>
<noframes>
</noframes>
</html>
2、iframeページ(outer.html)
このページの高さを、どれだけ高く設定するかがポイントです。その中に含まれるフレームセットもその高さになります。
<body style="margin: 0px;height: 580px;width:960px;">
<iframe src="inner.html"
style="height:100%;width:100%;border-width: 0px;">
</iframe>
</body>
これはフレームセットを使って行われ、ワイドスクリーンで問題なく開発されましたが、あるユーザーが800*600のマシンでテストして、インターフェイス全体が歪んでいることに気づきました。
当時、フレームセット・ページ全体の高さは600ピクセルしかなく、フレームセットのネストしたフレームにはスクロールバーがあり、実に醜いものでした。フレームセットの高さを高く設定して、ネストされたフレームページにはスクロールバーがなく、フレームセットにはあるようにするにはどうしたらよいでしょうか?
フレームセットの高さを、例えば <frameset rows="110,*" style="height: 1900px;"> のように設定することができません。このとき、ページの高さは画面の高さのままで、1900pxではありません。framesetの本体の高さを設定しても無効です。何をすべきか?私は何日もbaiduは、答えを見つけることができなかった、問題は保留にされている。DIV+CSSでframesetを置き換えることをアーティストに依頼することも考えましたが、関わるコンテンツが多すぎるし、変更するにも作業量が多すぎるかもしれないと思い、あきらめることにしました。
1ヶ月前からこの問題に取り組んでいましたが、今日突然iframeで、フレームセットを入れ子にして、iframseのページの高さを設定したら効果が出てきたのです。今、同じ問題に遭遇して解決できなかった同僚と解決策を共有します。
1、フレームセットページ(inner.html)
コピーコード
コードは以下の通りです。
<html>
<frameset rows="110,*" frameborder="no" border="0" framespacing="-4px">
<frame src="header.jsp" name="topFrame" scrolling="no" noresize="noresize" />
<frameset cols="170,12,*" framespacing="0" frameborder="no" border="0" id="mainFrameset ">
<frame src="left.jsp" name="leftFrame"scrolling="auto" noresize="noresize" id=" leftFrame"/>
<frame src="narrow.jsp" scrolling="no" noresize="noresize"/>
<frame src="" name="mainFrame" noresize="noresize" />
</frameset>
</frameset>
<noframes>
</noframes>
</html>
2、iframeページ(outer.html)
このページの高さを、どれだけ高く設定するかがポイントです。その中に含まれるフレームセットもその高さになります。
コピーコード
コードは以下の通りです。
<body style="margin: 0px;height: 580px;width:960px;">
<iframe src="inner.html"
style="height:100%;width:100%;border-width: 0px;">
</iframe>
</body>
関連
-
html webpack プラグインの使い方のチュートリアル
-
ローカルフォルダから画像を読み込んで表示するHTMLサンプルコード
-
選択/フォーカスされたときにすべてのオプションを表示させる良い方法は、現在
-
Htmlにおけるvalue属性とname属性の役割とその利用法
-
フロントエンドのパフォーマンス最適化を学ぶためのhtmlページのレンダリングプロセスの理解
-
this.parentNode.parentNode(親ノードの親ノード)とは何ですか?
-
IE8でIE7互換モードを起動させるためのコード
-
XHTMLコードでのMarqueeタグの使用方法
-
HTML&CSS&JS互換ツリー(IE、Firefox、chrome)
-
HTMLのタグの紹介
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
HTML+cssのボックスモデル例(円、半円など)「border-radius」使いやすい
-
ランダム・ネームドロッパーを実装するためのhtmlサンプルコード
-
HTMLで入力ボックスを純粋な数値に制限する
-
html-webpack-pluginの使用方法について説明します。
-
IE8との互換性について。X-UA-Compatibleプロパティの説明
-
HTMLimgタグのalt属性とtitle属性の使い方紹介
-
HTMLでJavaScriptを使用するためのコード例
-
IEの死を偽装させることができるHTMLコード
-
テーブルのための HTML dl、dt、dd マークアップ vs テーブル
-
初歩的な理解のためのWebページのhtnlの基礎知識