上のページと下のページをあわせて一つに表示したいのですが、間に余分なスペースが入ってしまいます。
<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%のテーブルの中に入れ子にして作成しているのですが、
上の部分はスクロールバーなし、下の部分はスクロールバーありのためか、表示箇所がずれてしまいます。
このへんも回避する方法があれば教えてください。
No.1
- 回答日時:
デザインによっては、無理かもしれませんし、
一般的なやり方ではないかもしれませんが、
参考になれば。
01.htmlは、BODYタグに
> topmargin="0" marginheight="0"
と追加してください。
スクロールバーのズレは、
フレームのHTMLでは、全て
> SCROLLING="NO"
と指定して、
スクロールバーを表示したいフレームは、
さらに、ページを作って、IFRAMEタグで、
> SCROLLING="YES"
と指定して、表示したいページに飛ばして下さい。
回答アリガトウございます。
>topmargin="0" marginheight="0"
やってみましたが、ダメでした(><)
IFRAMEを使ったやり方、やってみます!!
No.2
- 回答日時:
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"
>にしてますか?
はい、しています。
No.4
- 回答日時:
ぅんん・・・
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;}
というようになっています。
No.5
- 回答日時:
少し、自信なくなって来ましたが・・・
NAKAを指定したTDタグの含まれるTABLEに、
> border-collapse: collapse;
と、CSSを指定してみては?
差し支えなければ、
ファイル送って頂いたほうが、良いかも。
解決するとは、限りませんが。
参考URL:http://fuy-ukky.hp.infoseek.co.jp/home/tacksy.html
回答アリガトウございます。
これは<TABLE>タグにいれちゃっていいんですよね?
うーん、何も変わっていないようです…。
ファイル送信できたらいいんですが、仕事のファイルですので、ちょっと送ることはできません(>_<)
スイマセン…。
No.7
- 回答日時:
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>
No.8
- 回答日時:
<FRAMESET ROWS="25,*" FRAMEBORDER="0" [framespacing="0"]>
<FRAME SRC="../menu.html" NAME="UE" SCROLLING="NO" NORESIZE>
<FRAME SRC="01.html" NAME="SHITA">
</FRAMESET>
上記のようにしてみればどうでしょうか。
追記部は[]で示しています。
無論入れるときに[]ははずしてくださいね。
No.9
- 回答日時:
No.7のframesetタグにプラスして、
フレームの中に表示するページにある<body>タグに
<body style="margin:0;">と、style属性を書いてみましょう。
>上の部分はスクロールバーなし、下の部分はスクロールバーありのためか、表示箇所がずれてしまいます
上フレームに表示するページのbodyマージンを調整しましょう。
<body style="margin-bottom:0;margin-right:15px;">
ページの下の余白が0、右の余白が15px、と指定しています。15pxというのはスクロールバーの幅分、です。数値はご自分で確かめながら調整してください。
参考URL:http://www.htmq.com/style/index.shtml#mar
この回答への補足
ここでまとめるために、頭部分だけ抜き出して書かせていただきます。
●フレームの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>
:
:
となっています。
No.10
- 回答日時:
>付け加えてみましたが、ダメでした…。
まとめで詳しく書いてくれたのに、どうせならこちらも詳しく書いてください(^^;
何がどうダメだったのか、どこにどう書いたのか、これだけではわからないです。
●フレームの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>
としてみましたが、かわらず、の状況です。。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- PHP ここでの ②if($su_d<>"")の比較演算子 を使う理由は 1 2022/03/26 02:33
- PHP htmlspecialcharsが機能していないです。 バグですか? 1 2022/04/05 01:22
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
WebサイトでHTMLのフォームに隠...
-
スクロールできない
-
CSSによるFrameの代替方法
-
pythonのエラーについての質問...
-
フレーム別に更新
-
html 左メニューから右への表示...
-
フレームページで表を表示させ...
-
フレームが表示できません
-
フレームなしのページからフレ...
-
フレーム分割しているページで...
-
フレームの片方だけを更新(リロ...
-
フレームページが表示されない...
-
2つのページを重ねたい
-
ホームページでファイルをダウ...
-
<!DOCTYPE html>あってますか?...
-
<!DOCTYPE html>あってますか?...
-
HTMLからフォルダを開きたい
-
form action="#"
-
iPadの標準ブラウザでローカルH...
-
<!DOCTYPE html>あってますか?↑
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
どのページもすべて同じURLなの...
-
フレーム内のPHPへPOSTで情報を...
-
pythonのエラーについての質問...
-
2つのページを重ねたい
-
フレームの片方だけを更新(リロ...
-
html 左メニューから右への表示...
-
URLを変えないで表示する方法
-
フレームページが表示されない...
-
スクロールできない
-
フレームで指定している送信先...
-
フレームが表示されない><
-
html リンクを別フレームに表...
-
ブラウザで4分割表示できますか?
-
直リンクとは。
-
frameの内容が表示されない
-
HTMLファイルの置き方による読...
-
CSSを使って画像をクリックする...
-
フレーム分割した全体をスクロ...
-
フレームの表示と非表示の切り替え
-
HPの一部に他のHPを表示
おすすめ情報