ホームページ ウェブフロントエンド htmlチュートリアル フレームセットの高さを設定するインターフェース変形_HTML/Xhtml_Webページ制作

フレームセットの高さを設定するインターフェース変形_HTML/Xhtml_Webページ制作

May 16, 2016 pm 04:41 PM
高い

現在、次のインターフェイスを備えたプロジェクトに取り組んでいます:

これはフレームセットを使用して行われますが、ユーザーが 800 でテストするまで問題は見つかりませんでした。 *私が発見した600マシンはインターフェース全体が変わりました。
当時、フレームセット ページ全体の高さはわずか 600 ピクセルで、フレームセットのネストされたフレームにスクロール バーが表示され、非常に醜いものでした。ネストされたフレーム ページにはスクロール バーがなく、フレームセットにはスクロール バーがあるように、フレームセットの高さをより高いポイントに設定するにはどうすればよいですか?

フレームセットの高さは設定できません (例: <frameset rows="110,*" style="height: 1900px;">)。現時点では、ページの高さは 1900 ピクセルではなく、まだ画面の高さです。フレームセットの本体の高さの設定も無効です。何をするか?何日もBaiduを検索しましたが、まだ答えが見つかりませんでした。この質問は棚上げされたままです。アーティストにフレームセットをDIV CSSに置き換えてもらうことも考えましたが、内容が多すぎて置き換え作業が大変になりそうなので断念しました。

インスピレーションというのはとても不思議なもので、湧いても来なくても、一度出てくると止めることはできません。この問題を 1 か月間抱えていたところ、今日突然、iframe がアタッチされた状態で発生しました。その中にフレームセットをネストしてiframseページの高さを設定すると効果が出ました。同じ問題に遭遇したが解決できない同僚と解決策を共有してください。

1. フレームセット ページ (inner.html)

コードをコピーします
コードは次のとおりです。

<html>
<frameset rows="110,*" Frameborder="no" border="0" Framespacing="-4px"> src=" header.jsp" name="topFrame"scrolling="no" noresize="noresize" />
<framesetcols="170,12,*" Framespacing="0" Frameborder="no" border=" 0" id="mainFrameset">
<frame src="left.jsp" name="leftFrame"scrolling="auto" noresize="noresize" id="leftFrame"/> >< フレーム src="narrow.jsp" スクロール="no" noresize="noresize"/>
<フレーム src="" name="mainFrame" noresize="noresize" /> </フレームセット>
</フレームセット>
</html> iframe ページ (outer.html)
重要なのは、このページの高さを自由に設定できることです。このとき、それに含まれるフレームセットもこの高さになります。




コードをコピーします


コードは次のとおりです:

<body style=" margin: 0px ;高さ: 580px;幅:960px;">
<iframe src="inner.html" style="高さ:100%;幅:100%;ボーダー幅: 0px; "> </iframe> </body>
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

公式アカウントのキャッシュの更新の難しさ:バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は? 公式アカウントのキャッシュの更新の難しさ:バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は? Mar 04, 2025 pm 12:32 PM

公式アカウントのキャッシュの更新の難しさ:バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は?

HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? Mar 17, 2025 pm 12:27 PM

HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか?

WebページのPNG画像にストローク効果を効率的に追加する方法は? WebページのPNG画像にストローク効果を効率的に追加する方法は? Mar 04, 2025 pm 02:39 PM

WebページのPNG画像にストローク効果を効率的に追加する方法は?

&lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? &lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? Mar 20, 2025 pm 06:05 PM

&lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか?

IFramesを使用することのセキュリティへの影響は何ですか?また、どのようにそれらを軽減できますか? IFramesを使用することのセキュリティへの影響は何ですか?また、どのようにそれらを軽減できますか? Mar 18, 2025 pm 02:51 PM

IFramesを使用することのセキュリティへの影響は何ですか?また、どのようにそれらを軽減できますか?

HTML5&lt; meter&gt;を使用するにはどうすればよいですか 範囲内に数値データを表示する要素? HTML5&lt; meter&gt;を使用するにはどうすればよいですか 範囲内に数値データを表示する要素? Mar 12, 2025 pm 04:08 PM

HTML5&lt; meter&gt;を使用するにはどうすればよいですか 範囲内に数値データを表示する要素?

HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? Mar 17, 2025 pm 12:20 PM

HTML5のクロスブラウザー互換性のベストプラクティスは何ですか?

HTML5&lt; time&gt;を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素? HTML5&lt; time&gt;を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素? Mar 12, 2025 pm 04:05 PM

HTML5&lt; time&gt;を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素?

See all articles