フレームの縦、横のスクロールバーについて

[新着] Webテンプレートを仮オープンしました



0   名前: 由良 : 2006/05/28(日) 19:43  ID:LnJws3m/
お目に留めて戴きありがとございます。
皆様方に、お聞きした事があり書きました。

フレームの左右に分割したく【フレームの基本】を参考にしながら、分割出来たのは出来たのですが・・・左側のフレームにて、壁紙を貼りたく・・・その画像を小さくしても大きくしても、縦ならびに横のスクロールバーが出てしまい、色々と調べてやってみたのですが改善できませんでした。


・index.htmlは、こう貼りました。↓

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>TAG index</title></head><frameset cols="200,*">

<frame src="http://〜com/hidari.html" />
<frame src="http://〜com/migi.html" />

</frameset>
</html>

・左側(hidari.html)↓

<html lang="ja"><head>
<meta content="text/html; charset=EUC-JP" http-equiv="Content-Type" /><meta content="text/css" http-equiv="Content-Style-Type" /><title>hidari.html</title></head><body>

<div class="left">

<p><img cols="20%" alt="○○" src="http://〜jpg" /></p>

</div></body></html>

・右側(migi.html)メイン↓

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja"><head>

<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP" />
<meta http-equiv="Content-Style-Type" content="text/css" /><title>migi.html</title></head><body>

<div class="right">本文</div>

</body></html>

宜しくお願い致します。

1   名前: カヅサツ ◆ThCi95HEzw : 2006/05/28(日) 19:43  [URL]  ID:fv0v30Vt
「○○をしたら××になりました」というのはわかったのですが、結局、ご質問はなんでしょうか?

2   名前: Z ◆XTzyosZXcL : 2006/05/28(日) 19:43  ID:7f4VEd9L
>>1 カヅサツさん:
 多分>>0でのご質問は、「左フレーム内に画像を入れたらはみ出してしまった。はみださないようにするにはどうすればよいか」ということではないでしょうか。
 で、仕様書を見てみたのですが、単位を入れない場合ピクセルと判断するようですので、左フレームが200px、右が(全体の画面領域-200px)となるようです。
 そして、これも推測ですが、左フレームに設定した画像の横幅が200pxを超えるデータなのではないでしょうか?
 そうであれば、これは仕様として正しい処理なようにも思えます。

仕様書該当部分:
http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/frames.html#h-16.2
http://www.w3.org/TR/html401/present/frames.html#h-16.2

 一番簡単なのは画像の横幅が200px以内に収まるようにして保存しなおすことだと思います(参照先のHTML内で表示を縮小させたところでうまくいくとは限らないでしょう)。

 なお、Framesetによるフレームをお使いになるのでしたら、NOFRAMES要素による代替手段も忘れずに設定してください(^^;

仕様書該当部分:
http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/frames.html#h-16.4
http://www.w3.org/TR/html401/present/frames.html#h-16.4

関連資料:
http://car.s35.xrea.com/better/frame.php

#Framesetによるフレームが嫌われがちなのは、代替手段が設定されていないなどでフレーム非対応環境を門前払いするからでしょう。また、このご質問の状況にもあるように、設計が意外に面倒です。

3   名前: Z ◆XTzyosZXcL : 2006/05/28(日) 19:43  ID:7f4VEd9L
 書き忘れましたが、>>0のindex.htmlはFramesetを使っているため文書型宣言が違います。それもうまくいかない原因かもしれません。

仕様書該当部分:
http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#version-info
http://www.w3.org/TR/html401/struct/global.html#version-info

関連資料:
http://members.jcom.home.ne.jp/jintrick/Personal/markup_dtd.html
http://web.xii.jp/iec/html/intro/doctype
http://members.jcom.home.ne.jp/pctips/www/DOCTYPE.html
http://www.kanzaki.com/docs/html/doctype.html

余談:
http://web.xii.jp/iec/note/checker

一覧へ戻る