フレームの事で困っています。
私の場合、右と左で分けたいのですが、それぞれが独立しているらしく、左にメニューを表示させて、右側に出したいのに、左側にリンク先が出てしまいます。(上の広告はちゃんと消してあります。)タグが間違っているのかと思ったのですが、辞書の通りやったので、間違ってはいないと思います。強制的に左のメニューから右のメイン画面に開かせるというのはできないのでしょうか。
もし、出来ないにしても、解決方法があれば教えてください。

A 回答 (3件)

flameに名前を付けて 表示先を指定するようにします。



index.htmlにflameを使った場合中の記述はこんな感じ。

<FRAMESET COLS="50%,50%">
<FRAME SRC="index2.html" NAME="flame1" SCROLLING="auto">
<FRAME SRC="index3.htm" NAME="flame2" SCROLLING="auto">


index2.html(この場合右側)は
<A HREF="index4.htm" TARGET="flame2">右フレーム(flame2)へ表示</A><BR>


index3.htmlは デフォルトで表示させる物になりますので 中身は普通に作ります。

index.htmlで付けたフレーム名と index2.htmlでターゲットとした名前が違うと表示できません。
逆に名前が一致していれば問題ありません。


>(上の広告はちゃんと消してあります。)
消してもいいんですか?珍しいですね。
#レンタルサーバの規約を読んでください。
    • good
    • 0
この回答へのお礼

丁寧な説明有難うございます。参考にさせていただきます。

広告ですが、メインのページ以外は乗せなくてもよいとのことでした。(インラインフレームの中に広告が入る場合など)なので、メインのページのみ広告を乗せるようにする予定です。

お礼日時:2001/12/14 21:40

1つ1つ修正していくのはめんどくさいので、


左のフレーム名をname="left"。右のフレーム名をname="right"
としたのであれば、
左側のメニューとして読み込むファイルに、

<base target="right">

を入れるだけで、左のリンクをクリックすると
すべて右に表示されるようになります。
分かり易いようにbodyの直後がいいと思いますが。。

※この方法だと楽チンですが、
JavaScriptで2つのフレームの内容を同時に変える
などするときは、上手くいかないので、気をつけて下さい。
    • good
    • 0
この回答へのお礼

有難うございました。
辞書などを参考にしているのですが、肝心なタグの事が書かれていないのでかなりあせりました。
JavaScriptの時は注意して作ろうと思います。

お礼日時:2001/12/14 21:35

リンクを記述するときにTARGETをしていしていない為と思われます。




次のようなフレームを使ったページがあるときに
<HTML>
<HEAD><TITLE>フレームテスト</TITLE></HEAD>
<FRAMESET COLS="50%,*">
<FRAME SRC="frame1.htm" NAME="FRAME1">
<FRAME SRC="frame2.htm" NAME="FRAME2">
<NOFRAMES>
このページはフレーム対応のブラウザでご覧ください。
</NOFRAMES>
</FRAMESET>
</HTML>

右側に新しいページを表示したい場合は
<A HREF="newpage.htm" TARGET="FRAME2">〇〇〇</A>
とします。
    • good
    • 0
この回答へのお礼

丁寧な説明有難うございました。辞典を買ってもそのタグの事が全く書かれていませんでした。そう言う事もあるんですね。さっそくやってみたいと思います。

お礼日時:2001/12/14 21:42

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Q左がメニューで右がコンテンツのサイトはフレームなの??

OKWebやヤフーなど一般的なサイトは左側にメニューがあり
右が中身が多いですが、
このようなサイトはフレームで分割してあるのでしょうか?
どのような技術が使われているのか教えてください。

Aベストアンサー

あまりフレーム分割してないですよ。
理由として
セッション管理の面倒さ
サーバとやり取りする時の処理の遅延等
あると思います。
データ量が多いほどフレーム分割は
使わないほうがいいと思いますね。

ソース覗いてみてください。

QOKwebの左メニューと右のメイン側のフォントサイズは?

こんばんわ。

自分でもHPを作りたいのですが、
フォントサイズを変えたいと思っています。

ちょうどOKwebの文字の大きさの違いがわかりやすいと思ったのですが、
OKwebの左メニューと右のメイン側のフォントサイズを教えてください。

その際、フォントサイズは
cssで15pxや15ptなど指定するのと
<font size="+1">など指定するのと
どれがいいのでしょうか。

Aベストアンサー

個々にフォントサイズが CSS で指定されている様なのですが・・・。

左メニュー
マイページ: class="left_menu" FONT-SIZE: 14px;
ログイン: style="font-size:12px;"
会員登録(無料)すると: style="font-size:10px;"
他、それぞれ上の類似の物と同じ。

右のメイン側
Q&Aランキング: class="qa_rank_banner_box" FONT-SIZE: 95%;
最新の教えて?: class="font-small" FONT-SIZE: 95%;
他、ほとんどが class="font-small" とされている様です。つまり、右のメイン側はほとんどが FONT-SIZE: 95%; という事の様で・・・。


尚、15px などと値を絶対値で固定する事は、閲覧する側からすると、読みにくいから大きくしたいとか思った時に IE などでサイズ変更出来ない場合があるので不適切です。(嫌われる元です。)
また、サイズの絶対値指定をしていない処はサイズ変更されたりしますので、バランスが悪くなり作り手としても不適切です。
なにより、IE の拡張ツールや Opera などのブラウザでは容易にサイズ(見た目の大きさ)が変えられます。

出来るだけ、百分率(パーセント)で指定(相対値指定)する事をお勧めします。
尚、画像等とのバランスの為ならば、その文字列も画像にしましょう。

個々にフォントサイズが CSS で指定されている様なのですが・・・。

左メニュー
マイページ: class="left_menu" FONT-SIZE: 14px;
ログイン: style="font-size:12px;"
会員登録(無料)すると: style="font-size:10px;"
他、それぞれ上の類似の物と同じ。

右のメイン側
Q&Aランキング: class="qa_rank_banner_box" FONT-SIZE: 95%;
最新の教えて?: class="font-small" FONT-SIZE: 95%;
他、ほとんどが class="font-small" とされている様です。つまり、右のメイン側はほとんどが FONT-SIZE: 95%...続きを読む

Q左○○px、右は残りの幅(100%-左px)ってできますか?

CSSでレイアウトを組みたいと思ってます。

要は左と右に2つに割って左はpx単位で指定して、右は残りのサイズ、ウインドウのサイズ変更に伴って可変するようにレイアウトを組んでいきたいと考えています。

発想力が足りないのか、基礎的な知識が足りないのか・・・
どちらも足りないとは思いますが、おしえていただければ幸いです。

どうかよろしくお願いいたします。

Aベストアンサー

とりあえずdivでフロートするだけでもよいかと

<style>
#l{
width:200px;
background-Color:blue;
float:left;
}
#r{
width:auto;
background-Color:red;
}
#b{
width:auto;
background-Color:green;
}
</style>
<div id="l">test</div>
<div id="r">test</div>
<div id="b">test</div>

Q3カラムのサイドバーの右側が表示されなくなり,左側の一番下に表示される

3カラムのサイドバーの右側が表示されなくなり,左側の一番下に表示されるようになりました

色々試しているのですが、全く解決しません

どなたか助けてください

MT4.2を使っています

よろしくお願いします!

Aベストアンサー

構造がおかしい。

本来は、alpha /本文/、beta /左サイドバー/、gamma /右サイド
バー/、が並列に並んでいるはずが、gammaがbetaの中に含まれてい
る。一番簡単なのは、betaの閉じタグを書き忘れる方法かな。

その影響なのか、header、content、footerが常識的には並列にな
るはずが、footerがcontentの中に含まれてる。なんとか-innerな
んて文書構造的に意味のないボックスが多いから、閉じタグを数え
間違ってるのかもしれないですね。古代のIEを切り捨てて、もっと
シンプルに書くようにすれば勝手に解決するかも。

QCSSで、左側にあるGlobalNavigationを右側にあるコンテンツよりも後に読み込ませるには?

CSSです。
検索エンジンへ読み込ませるソース部位の順番をコントロールしたいのですが、
左側にあるGlobalNavigationを右側にあるコンテンツよりも後に読み込ませる方法を模索しております。
本件もご多分にもれず、HeaderとFooterが上下にある構成です。

position: absoluteを使って、記述順番をコンテンツを先にして後にGlobalNaviとすれば、ここだけみればできるんですが、困るのがFooterでして、本件のようにHeader、Main(GlobalNaviとコンテンツ、さらに改行して横いっぱいに「TopOfThePages(ページの先頭へ戻る)」リンクボタンエリア)、Footerとある場合ですから、真ん中のMainを絶対配置にしてまうと、その次にくるTopOfThePages、Footerも絶対配置にしないと出来ないだろうと思うので困っております。
これらを絶対配置したくとも、Main部分の縦サイズは各コンテンツの内容ごとに違ってくるわけで、だからして絶対配置ができないからです。

コンテンツを絶対配置で記述、その後にGlobalNavigationを絶対配置で記述、その後のTopOfThePages、Footerも問題なく配置させる方法はどうすればいいでしょうか?

CSSです。
検索エンジンへ読み込ませるソース部位の順番をコントロールしたいのですが、
左側にあるGlobalNavigationを右側にあるコンテンツよりも後に読み込ませる方法を模索しております。
本件もご多分にもれず、HeaderとFooterが上下にある構成です。

position: absoluteを使って、記述順番をコンテンツを先にして後にGlobalNaviとすれば、ここだけみればできるんですが、困るのがFooterでして、本件のようにHeader、Main(GlobalNaviとコンテンツ、さらに改行して横いっぱいに「TopOfThePages(ページの...続きを読む

Aベストアンサー

解釈が間違っていたらすみません。

もし自分が思っている解釈であっているなら下の通りで実現可能です。

■XHTML
<div id="Header">
</div>

<div id="container">
 <div id="Main">
 </div>

 <div id="GlobalNavi">
 </div>
</div>

<div id="TopOfThePages">
</div>

<div id="Footer">
</div>


■CSS
div#Header{
width: 800px;
}

div#container{
width: 800px;
}
div#container:after{
height:0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}

div#Main{
width: 580px;
float: right;
}

div#GlobalNavi{
width: 200px;
float: left;
}

div#TopOfThePages{
width: 800px;
}
div#Footer{
width: 800px;
}


positionを使わずに組めるはずです。
もしMainとGlobalNaviの高さを揃えたいのであれば、
heightLine.jsと言うjavascriptを使って自動的に高さをあわせてしまえば問題は解決すると思われます。

解釈が間違っていたらすみません。

もし自分が思っている解釈であっているなら下の通りで実現可能です。

■XHTML
<div id="Header">
</div>

<div id="container">
 <div id="Main">
 </div>

 <div id="GlobalNavi">
 </div>
</div>

<div id="TopOfThePages">
</div>

<div id="Footer">
</div>


■CSS
div#Header{
width: 800px;
}

div#container{
width: 800px;
}
div#container:after{
height:0;
visibility: hidden;
content: ".";
display: block;
clea...続きを読む


このカテゴリの人気Q&Aランキング

おすすめ情報