- ベストアンサー
FRAMEで、間にスペースが…。
上のページと下のページをあわせて一つに表示したいのですが、間に余分なスペースが入ってしまいます。 <FRAMESET ROWS="25,*" FRAMEBORDER="0"> <FRAME SRC="../menu.html" NAME="UE" SCROLLING="NO" NORESIZE> <FRAME SRC="01.html" NAME="SHITA"> </FRAMESET> となっていますが。。 ROWSの25をこれ以上小さくしてしまうと、上の部分に消えてしまう箇所が生じますし、スペースは減りません。 下の01.htmlは <SPAN STYLE="POSITION:ABSOLUTE; TOP:0;"> となっているので、一番上にきていると思うのですが。。。 また、それぞれを100％のテーブルの中に入れ子にして作成しているのですが、 上の部分はスクロールバーなし、下の部分はスクロールバーありのためか、表示箇所がずれてしまいます。 このへんも回避する方法があれば教えてください。
- w-inty
- お礼率72% (1169/1618)
- HTML
- 回答数11
- ありがとう数13
- みんなの回答 （11）
- 専門家の回答
質問者が選んだベストアンサー
うーん、まいった・・・ FRAMESETタグの > frameborder="0" border="0" では、どうですか？
その他の回答 (10)
- fuy_ukky
- ベストアンサー率21% (40/184)
作ってみたら、間空かないんだけど、 なにか、もっと違う原因があるのかも。 参考URLのZIPファイル見てみて下さい。 もしかしたら、 僕の解釈が間違ってるかもしれないので。
お礼
ありがとうございます。 …あいてないですね、スペース。 ということは他に問題があるのかも。 ちょっとみてみたいと思います。 またわからなかったら質問させてください。 ありがとうございました。
- goldfox
- ベストアンサー率49% (123/249)
＞付け加えてみましたが、ダメでした…。 まとめで詳しく書いてくれたのに、どうせならこちらも詳しく書いてください(^^; 何がどうダメだったのか、どこにどう書いたのか、これだけではわからないです。 ●フレームのHTML（変更なし） <FRAMESET ROWS="23,*" BORDER="0" FRAMESPACING="0" > <FRAME SRC="../menu.html" NAME="UE" FRAMEBORDER="0" NORESIZE> <FRAME SRC="01.html" NAME="SHITA" FRAMEBORDER="0"> </FRAMESET> ●menu.html（margin-right:20px;は自分で調整してください） <BODY BGCOLOR="WHITE" style="margin-bottom:0;margin-right:20px;"> <TABLE WIDTH="100%" CELLSPACING=0 CELLPADDING=0> <TR><TD ALIGN="CENTER" VALIGN="TOP"> <TABLE WIDTH=740 CELLSPACING=0 CELLPADDING=0> ： ： </table></body> ●01.html <BODY BGCOLOR=WHITE style="margin-top:0;"> <TABLE WIDTH="100%" CELLSPACING=0 CELLPADDING=0 BORDER="0"> <TR><TD ALIGN="CENTER" VALIGN="TOP"> <TABLE WIDTH=740 CELLSPACING=0 CELLPADDING=0> <TR> ： ： <table>タグを<span>タグで囲むことは出来ません。
お礼
回答アリガトウございます。 ＞＞付け加えてみましたが、ダメでした…。 ＞まとめで詳しく書いてくれたのに、どうせならこちらも詳しく書いてください(^^; ＞何がどうダメだったのか、どこにどう書いたのか、これだけではわからないです。 すいません、これは「今までと同じ」（よくも悪くもならず、間に細いスペースが入ったまま）ということです。 ●フレームのHTML（そのまま） ●menu.html <BODY BGCOLOR="WHITE" STYLE="MARGIN-BOTTOM:0; MARGIN-TOP:0;"> <TABLE WIDTH="100%" CELLSPACING=0 CELLPADDING=0> <TR><TD ALIGN="CENTER" VALIGN="TOP"> <TABLE WIDTH=740 CELLSPACING=0 CELLPADDING=0> <TR> <TD CLASS="NAKA" HEIGHT="23"> ●01.html <BODY BGCOLOR=WHITE STYLE="MARGIN-TOP:0;"> <TABLE WIDTH="100%" CELLSPACING=0 CELLPADDING=0 BORDER="0"> <TR><TD ALIGN="CENTER" VALIGN="TOP"> <TABLE WIDTH=740 CELLSPACING=0 CELLPADDING=0> <TR> としてみましたが、かわらず、の状況です。。
- goldfox
- ベストアンサー率49% (123/249)
No.7のframesetタグにプラスして、 フレームの中に表示するページにある<body>タグに <body style="margin:0;">と、style属性を書いてみましょう。 ＞上の部分はスクロールバーなし、下の部分はスクロールバーありのためか、表示箇所がずれてしまいます 上フレームに表示するページのbodyマージンを調整しましょう。 <body style="margin-bottom:0;margin-right:15px;"> ページの下の余白が０、右の余白が15px、と指定しています。15pxというのはスクロールバーの幅分、です。数値はご自分で確かめながら調整してください。
お礼
回答アリガトウございます。 付け加えてみましたが、ダメでした…。
補足
ここでまとめるために、頭部分だけ抜き出して書かせていただきます。 ●フレームのHTML <FRAMESET ROWS="23,*" BORDER="0" FRAMESPACING="0" > <FRAME SRC="../menu.html" NAME="UE" FRAMEBORDER="0" NORESIZE> <FRAME SRC="01.html" NAME="SHITA" FRAMEBORDER="0"> </FRAMESET> ●menu.html <BODY BGCOLOR="WHITE" topmargin="0" marginheight="0"> <SPAN STYLE='POSITION:ABSOLUTE; TOP:0;'> <TABLE WIDTH="100%" CELLSPACING=0 CELLPADDING=0> <TR><TD ALIGN="CENTER" VALIGN="TOP"> <TABLE WIDTH=740 CELLSPACING=0 CELLPADDING=0> ： ： ●01.html <BODY BGCOLOR=WHITE STYLE="MARGIN:0;"> <SPAN STYLE="POSITION:ABSOLUTE; TOP:0;"> <TABLE WIDTH="100%" CELLSPACING=0 CELLPADDING=0 BORDER="0"> <TR><TD ALIGN="CENTER" VALIGN="TOP"> <TABLE WIDTH=740 CELLSPACING=0 CELLPADDING=0> <TR> ： ： となっています。
<FRAMESET ROWS="25,*" FRAMEBORDER="0" [framespacing="0"]> <FRAME SRC="../menu.html" NAME="UE" SCROLLING="NO" NORESIZE> <FRAME SRC="01.html" NAME="SHITA"> </FRAMESET> 上記のようにしてみればどうでしょうか。 追記部は[]で示しています。 無論入れるときに[]ははずしてくださいね。
お礼
回答アリガトウございます。 付け加えてみましたが、ダメでした…。
- zexos
- ベストアンサー率34% (16/46)
framesetタグにはborder="0"を、 frameタグにはframeborder="0"を入れてみてください。 <frameset rows="25,*" border="0"> <frame src="../menu.html" name="UE" scrolling="no" frameborder="0" noresize> <frame src="01.html" name="SHITA" frameborder="0"> </frameset>
お礼
回答アリガトウございます。 付け加えてみましたが、ダメでした…。
- fuy_ukky
- ベストアンサー率21% (40/184)
そろそろ、僕はギブアップかも(>_<.) FRAMEタグに、 > MARGINWIDTH="0" MARGINHEIGHT="0" で、どうでしょう？
お礼
回答アリガトウございます。 うーん、やはりかわらなそうです（＞＿＜） 何がダメなのでしょう？？
- fuy_ukky
- ベストアンサー率21% (40/184)
少し、自信なくなって来ましたが・・・ NAKAを指定したTDタグの含まれるTABLEに、 > border-collapse: collapse; と、CSSを指定してみては？ 差し支えなければ、 ファイル送って頂いたほうが、良いかも。 解決するとは、限りませんが。
お礼
回答アリガトウございます。 これは<TABLE>タグにいれちゃっていいんですよね？ うーん、何も変わっていないようです…。 ファイル送信できたらいいんですが、仕事のファイルですので、ちょっと送ることはできません（＞＿＜） スイマセン…。
- fuy_ukky
- ベストアンサー率21% (40/184)
ぅんん・・・ menu.htmlの、100％のテーブルのTDタグは、 > height="25" valign="bottom" など、してますか？ それとも、縦線は、背景として指定してます？
お礼
回答アリガトウございます。 ＞> height="25" valign="bottom" ＞など、してますか？ いえ、していません。 ためしに指定してみましたが、かわらず、でした。。 ＞縦線は、背景として指定してます？ 縦線は <TD CLASS="NAKA"--- の「NAKA」に含まれています。 HEAD部分に TD.NAKA{BORDER-LEFT-STYLE:SOLID; BORDER-RIGHT-STYLE:SOLID; BORDER-COLOR:GRAY; BORDER-WIDTH:1;} というようになっています。
- fuy_ukky
- ベストアンサー率21% (40/184)
SPANが悪さしてるのかも。 <SPAN STYLE="margin:0pt;"> では、どうでしょう？ 100％になってるTABLEタグは、 > border="0" cellpadding="0" cellspacing="0" にしてますか？
お礼
回答アリガトウございます。 ＞<SPAN STYLE="margin:0pt;"> これは <SPAN STYLE="POSITION:ABSOLUTE; TOP:0;"> と置き換えですよね？（SHITAの方のHTMLで） これをするとさらにスペースがあいてしまいました。 ＞> border="0" cellpadding="0" cellspacing="0" ＞にしてますか？ はい、しています。
- fuy_ukky
- ベストアンサー率21% (40/184)
デザインによっては、無理かもしれませんし、 一般的なやり方ではないかもしれませんが、 参考になれば。 01.htmlは、BODYタグに > topmargin="0" marginheight="0" と追加してください。 スクロールバーのズレは、 フレームのHTMLでは、全て > SCROLLING="NO" と指定して、 スクロールバーを表示したいフレームは、 さらに、ページを作って、IFRAMEタグで、 > SCROLLING="YES" と指定して、表示したいページに飛ばして下さい。
お礼
回答アリガトウございます。 ＞topmargin="0" marginheight="0" やってみましたが、ダメでした（＞＜） IFRAMEを使ったやり方、やってみます！！
関連するQ&A
- フレームの仕様について
例えば <frameset rows="○○px,100%"> <frame src="○○" scrolling="no" noresize frameborder="no" name="head"> <frame src="○○" noresize frameborder="no" name="contents"> </frame>でフレームを上下で分割した時に、上のフレームでは上下左右のスクロールバーが出ない設定にしてあるのですが、下のフレームではスクロールバーが表示される様に設定してあります。この時に、下のフレームで上下のスクロールバーだけを表示させたいと思っているので左右のスクロールバーを表示させたくありません。どうすればよろしいのでしょうか。
- ベストアンサー
- HTML
- フレームを使ったページ
<FRAMESET ROWS="105,*" BORDER="0" FRAMEBORDER="0" FRAMESPACING="0" NOBORDER> <FRAME SRC="menu.html" name="menu" scrolling="no" noresize marginwidth="0" marginheight="0"> <FRAME src="main.html" name="main" scrolling="no" marginwidth="0" marginheight="0"> </FRAMESET><noframes></noframes> 上記フレームを使ったページを更新ボタンで更新すると横にスクロールバーが表示されます。 スクロールバーがでるのは上のページ（menu.html）で下ページ（main.html）にはでません。 win（Netscape,IE）で確認するとでないのですがMac（IE）だとスクロールバーがでてしまいます。 どうすれば解消できるでしょうか。 教えて下さい。 よろしくお願いいたします。
- ベストアンサー
- HTML
- フレームページが崩れる。。。
フレームページを使っているのですが、見る人によってはページの一部が切れて 見えない部分もあるらしいです。ブラウザの大きさを変えてもレイアウトだけは 崩さない為には、どこにどんなタグが必要なんですか？ 現在のフレームの親ページのソースです。 <FRAMESET rows="30%,70%" frameborder="NO" border="0"> <FRAME src="ue.html" scrolling="NO" noresize> <FRAMESET cols="20%,80%" frameborder="NO" border="0"> <FRAME src="side.html" scrolling="NO" name="menu" noresize> <FRAME src="main.html" name="main" noresize> </FRAMESET> <NOFRAMES>
- ベストアンサー
- HTML
- ブラウザによってフレームの表示が異なるのですが..
はじめまして。 現在下記のような形のＨＰを制作しているのですが、フレームが難しくてなかなか進めません。 ブラウザやそれぞれの環境によって見え方が違ってしまいます。 私の環境では真ん中にぎゅっと詰まってスクロールが出てしまうような小さな見え方になってしまっています。 どの環境で見ても統一させるにはどのようにしたら良いのでしょうか。 ------------------------------ 上の固定バー ------------------------------ メニュー｜内容 ｜ ｜ ｜ ｜ ------------------------------ 下の固定バー ------------------------------ ソースは以下のように組みました。 <frameset rows="10%,*" cols="*" framespacing="0" frameborder="no" border="0"> <frame src="Margin/Index.html" scrolling="No" noresize title="topFrame"> <frameset rows="*,230" cols="*" framespacing="0" frameborder="no" border="0"> <frameset cols="215,*" frameborder="no" border="0" framespacing="0"> <frame src="Margin/Index.html" scrolling="No" noresize title="menuBarFrame"> <frameset cols="*,25%" frameborder="no" border="0" framespacing="0"> <frameset rows="64,*" frameborder="no" border="0" framespacing="0"> <frame src="topbar/topbar.html" scrolling="No" noresize title="topBarFrame"> <frameset rows="*,41" cols="*" framespacing="0" frameborder="no" border="0"> <frameset rows="*" cols="178,*" framespacing="0" frameborder="no" border="0"> <frame src="menu/menu.html" scrolling="No" noresize title="leftFrame1"> <frame src="top/top.html" name="main" title="topFrame"></frameset> <frame src="bottombar/bottomBar.html" scrolling="No" noresize title="bottomFrame1"> </frameset> </frameset> <frame src="Margin/Index.html" scrolling="No" noresize title="rightFrame"> </frameset> </frameset> <frame src="Margin/Index.html" scrolling="No" noresize title="MenuBarFrame"> </frameset> </frameset> <noframes> ------------- また、現在フレームは推奨されないのも知っているので、 オススメの組み方がありましたら教えていただけませんでしょうか。 HTML等に関してまったくの初心者ですので、判り易く教えていただけたら大変有り難く思います。どうぞよろしくお願いします。
- ベストアンサー
- HTML
- フレームがきれいになりません。
下記のように上と、左右で３フレームを分けて表示していますが、 <frameset rows="60,*" border="0" frameborder="0" framespancing="0"> <frame src="title.html" name="head" scrolling="no"> <frameset cols="130,*" border="0" frameborder="0" framespancing="0"> <frame src="menu.html" name="menu" scrolling="auto"> <frame src="cont.html" name="main" scrolling="auto"> </frameset> </frameset> *で表示しても、左のフレームの下にスクロールバーが出てしまいます。どのようにすれば直るのか初心者のため分からなくて困っています。もし分かる方是非教えてください。 現状はこんな感じになってしまっています↓ http://www.twinklecloset.com/index.html
- 締切済み
- HTML
- フレームの境界線をstyleで装飾したい
tableと似た方法で境界線を変えることが出来ると聞いて試し、一応出来たのですが、もう少しテーブル枠のように幾つか組み合わせて、凝ったものを作ってみたいです。 ************************************************** <frameset rows="48,*" frameborder="no"> <frame src="menu.html" name="menu" noresize style="border-bottom:3px dotted blue;"> <frame src="main.html" name="main" noresize> </frameset> ************************************************** ↑今は下にドット線を並べている状態で、希望としてはそれの更に上(or下)に別種類のボーダーを引きたいと思っています。 私もよく理解していない部分が多いのですが、よろしくお願いします。
- ベストアンサー
- HTML
- フレームすくローリング有り／無し
こんにちわ だいぶ前に登録してから、久しぶりに 質問させて頂きます。 フレームページの作成をしております。 右がメインで、左がメニューの一般的なものですが、 左のメニューフレームについて、、、 縦幅はスクロール有り 横幅はスクロール無しにし、幅を固定したいのですが HTMLタグ辞典や調べて探しきれませんでした。 既に同じ質問が出ていたら申し訳ありません、 何卒宜しくお願い致します。 現在 indexのタグは以下のとおりです。 --------------- <frameset rows="*" cols="150,*" frameborder="NO" border="0" framespacing="0"> <frame src="left_frame.htm" name="leftFrame" scrolling="auto" noresize> ↑↑↑↑↑↑↑↑ auto にすると、横も縦も スクロール出てしまいます；＿； <frameset rows="82,*" cols="*" framespacing="0" frameborder="NO" border="0" Marginwidth="5"> <frame src="frame_above.htm" name="topFrame" scrolling="NO" noresize> <frame src="main.htm" name="mainFrame"> </frameset> </frameset> <noframes><body> ---------------
- 締切済み
- HTML
- フレームページの固定について
お世話になります。 下記のようなフレームページを作成しているのですが、 変更をしたいと考えております。 その場合、全体の幅を860pxに固定したいのです。 一応、<FRAMESET COLS="250,610" と行ったのですが、 右側が広がってしまいます。 どのようにしたらよいか教えていただけないでしょうか。 <FRAMESET ROWS="350,*"> <FRAME NAME="_bs1" SRC="aa1.html"> <FRAMESET COLS="250,610" border=0 framespacing=0 frameborder=no> <FRAME NAME="_bs2" SRC="aa2.html" MARGINWIDTH="0px" MARGINHIGHT="0" NORESIZE> <FRAME NAME="_bs3" SRC="aa3.html" MARGINWIDTH="0px" framespacing=0 MARGINHIGHT="0" NORESIZE> </FRAMESET> </FRAMESET><noframes></noframes> </HTML>
- ベストアンサー
- ホームページ作成ソフト
- ホームページのフレームでそのサイズの固定
ホームページを上下２分割、下の段を左右２分割にしているのですが、フレーム分けの境界線を固定したいのです。 境界線はパーセンテージで出てしまうのですが これを上から＊＊＊ピクセル、左から＊＊＊ピクセルのように、固定できないでしょうか？ パーセンテージだとPCの表示サイズの違いで、スクロールバーが出てしまい困ります。 よろしくお願いします。 <FRAMESET rows="24%,76%" frameborder="NO" border="0"> <FRAME name="frame1" src="top.html"> <FRAMESET cols="16%,84%"> <FRAME name="frame2" src="menu.html"> <FRAME name="frame3" src="page1.html"> </FRAMESET> <NOFRAMES> <BODY> <P>このページを表示するには、フレームをサポートしているブラウザが必要です。</P> </BODY> </NOFRAMES> </FRAMESET>
- ベストアンサー
- レンタルサーバ・ASP
- 改・キーボードナビゲーション
http://oshiete1.goo.ne.jp/kotaeru.php3?q=762151 にて質問し、解決したに見えたのですが、確認もせず閉じた為、再度投稿させて下さい。 ページトップにフレームファイルを置き、 <frameset cols="250,*" frameborder="0" framespacing="0"> <frameset rows="16,*" frameborder="0" framespacing="0"> <frame src="***.html" name="0" SCROLLING="NO" NORESIZE> <frameset rows="25,*" frameborder="0" framespacing="0"> <frame src="***.html" name="1" SCROLLING="NO" NORESIZE> <frameset rows="51,*" frameborder="0" framespacing="0"> <frame src="***.html" name="2" SCROLLING="NO" NORESIZE> <frame src="***.html" name="3" SCROLLING="NO" NORESIZE> </frameset> </frameset> </frameset> <frame src="***.html" name="4" SCROLLING="NO" NORESIZE> </frameset> とします。 NAME“0”のページがメニューで、ここをクリックするとNAME“1”に開かれる仕組みです。 NAME0に、 function checkNavigation() { if(event.keyCode==49)location.href="NAME1に開くページ"; } window.document.onkeydown = checkNavigation; と書きます。 前投稿では、「1.location.～」とすればOKだとなっていたのですが、確認した所何故か機能しませんでした。 NAME0をアクティブページにして“1”を押下してみたり、試して見たのですが駄目でした。 どうしたら良いのでしょうか。お願いします。
- ベストアンサー
- JavaScript
お礼
今までよりちょーっとだけスペースが狭まりました！！ ですがまだちょっと残ってます（＞＿＜） 上と下で縦線がひいてあるので、余計にわかりやすいのかもしれません。