ホームページ作成 質問過去ログ

                                Page     929
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   通常モードに戻る  ┃  INDEX  ┃  ≪前へ  │  次へ≫   
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 ▼インラインフレームの枠の大きさを自動で...  殿樣 05/2/18(金) 12:13
   ┗Re:インラインフレームの枠の大きさを自動で...  ゆえ 05/2/18(金) 13:07
      ┗Re:インラインフレームの枠の大きさを自動で...  殿樣 05/2/18(金) 15:21
         ┗Re:インラインフレームの枠の大きさを自動で...  ゆえ 05/2/18(金) 17:07
            ┗Re:インラインフレームの枠の大きさを自動で...  殿樣 05/2/18(金) 18:54

 ───────────────────────────────────────
 ■題名 : インラインフレームの枠の大きさを自動で...
 ■名前 : 殿樣
 ■日付 : 05/2/18(金) 12:13
 -------------------------------------------------------------------------
   HPを作り始めたときから、そしてこれからもお世話になっている殿樣と申します。

本題
http://www.geocities.jp/meta_t0n0sama/index2.html
作成中のHPです
左メニュー「■小ネタ」の「キャラクタ」をクリックしてください
右のフレーム(インラインフレーム 幅690 高さ850)に色々と表示されますね?
ですが、右のフレームの中にスクロールバーが表示されてしまい
画面全体でスクロールバーが二つもあると何かと不便で困っています

次に、こちらのサイトをご覧ください
http://i3.in9.squarestart.ne.jp/index.html
左メニューの「武器」の「片手剣」をクリックすると
http://i3.in9.squarestart.ne.jp/item/item/weapon_sword.html
こうなります
新しいスクロールバーは表示されません
(インラインフレームを使用してるわけではないようですが)


私のサイトも、こんなふうに、「フレームに表示されるページのサイズが大きい時、スクロールバーを表示するのではなく、フレームのサイズがページにあわせて大きくなる」ようにしたいのですが、色々試してもなかなかうまくいきません、、

ですから、インラインフレームのサイズを自動で調整する方法
(別にインラインフレームにこだわっているわけではありません)
または
http://i3.in9.squarestart.ne.jp/item/item/weapon_sword.html
のように、ページのサイズに合わせて画面全体のサイズも変わるようする方法を是非教えてください!

説明がわかりづらくてすみません。
    
 ───────────────────────────────────────  ■題名 : Re:インラインフレームの枠の大きさを自動で...  ■名前 : ゆえ  ■日付 : 05/2/18(金) 13:07  -------------------------------------------------------------------------
   テーブルを使って2つ設置されているインラインフレーム枠の高さが850pxと固定されているため
インラインフレームのスクロールバーとページ全体のスクロールバーが表示されています。

<iframe src="top.html" name="main" Width="690" Height="850">

ブラウザのサイズに合わせて枠を表示させたい場合は、%を使った相対指定にすれば可能です。
ページ下にあるテキスト分も考慮して%で設定してみて下さい。
(メニュー、メインどちらのインラインフレームともに)
たとえば
<iframe src="top.html" name="main" Width="690" Height="80%">
 ───────────────────────────────────────  ■題名 : Re:インラインフレームの枠の大きさを自動で...  ■名前 : 殿樣  ■日付 : 05/2/18(金) 15:21  -------------------------------------------------------------------------
   どうもありがとうございます。
右のフレーム(以下右)と左のフレーム(以下左)の高さを共に100%に設定してみたところ
<iframe src="menu.html" name="menu" width="140"height="100%">
<iframe src="top.html" name="main" Width="690" Height="100%">
右も左も高さが150px(heightを指定してないときの高さ)のフレームとなりスクロールバーが表示されてしまいました。
右の高さを27000くらいにすれば、スクロールバーは表示されずにすむのですが、その場合トップページなどに余白が余りまくり、ページ全体が非常に縦に長いページとなってしまいました。
やはり、右フレームのサイズをリンク先のページのサイズに合わせて可変するようにするのは無理なのでしょうか?
(無理な場合は、ページ一つ一つにメニューを追加するしかなさそうです)

共に100%に設定したページ
http://www.geocities.jp/meta_t0n0sama/index3.html
左100% 右27800のページ (トップに戻ると余白が多すぎる)
http://www.geocities.jp/meta_t0n0sama/index4.html
 ───────────────────────────────────────  ■題名 : Re:インラインフレームの枠の大きさを自動で...  ■名前 : ゆえ  ■日付 : 05/2/18(金) 17:07  -------------------------------------------------------------------------
   サイト構成をざっと拝見させて頂きましたが、
右メニュー項目をインラインフレームで表示させる必要性を感じません。
右メニュー項目はセル内に直接設置し、左側本文のみインラインフレームを利用なさってはどうでしょうか。

そうすれば左側のみ表示するページサイズに合わせて
インラインフレーム枠の高さ設定を100%という相対表示が可能になります。

なお、参考先のサイトはインラインフレームは一切使用されず
全て表を使ってレイアウトされ、メニュー部分や本文部分はjavascriptを使って表示されています。
 ───────────────────────────────────────  ■題名 : Re:インラインフレームの枠の大きさを自動で...  ■名前 : 殿樣  ■日付 : 05/2/18(金) 18:54  -------------------------------------------------------------------------
   色々と意見を下さって、本当に感謝しております。
ゆえさんの言うとおり、インラインを使用せず直接配置しようと思います。
(インラインフレームを使用せずに他のページをリンクさせる方法が解らないので調べて見ます)
どうもありがとうございました。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━    通常モードに戻る  ┃  INDEX  ┃  ≪前へ  │  次へ≫    ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━                                 Page 929