3 つのフレームを含む HTML ページがあります。フレームのサイズを 150px、300px、150px にしました。
3枚目のフレームサイズを500pxに変更したい場合、他の2枚のフレームが小さくなります。代わりに、ページにスクロールバーとフレームをそれぞれ150px、300px、500pxにする必要があります。
150px のようにピクセルでサイズを指定する代わりに、パーセンテージで指定してみてください。例
<FRAMESET cols="20%, 80%">
フレームを互いに下に、つまり垂直に配置したい場合はrows
、frameset の属性を使用できます。
解決策は、 < frameset > の代わりに < iframe > を使用することです
< iframe class="one" src="one.html" >< /iframe >
これで、このクラスで幅と高さを変更できます。
iframes(HTML5の機能)を利用している場合は、スタイルに位置を記載することができます。このためのサンプル HTML ページを作成しましたが、必要に応じて機能します。フレームの幅を増やした水平スクロールは、期待どおりに機能しています。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<iframe width="150px"></iframe>
<iframe width="300px"></iframe>
<iframe width="2000px" style="position: absolute"></iframe>
</body>
</html>
position
iframe のスタイルについては
、次のリンクを参照してください http://www.w3schools.com/cssref/pr_class_position.asp