解決済
ホームページビルダーで、上下２段のフレームページを作りました。
が、何故か上段のページが、表示されません。
ソースは以下の通りです。
ビルダーでは表示されるのに、ブラウザでは真っ白のページになってしまいます。原因をあれこれ考えましたが、私の能力では限界です（涙）
問題点を、教えてください、どうぞよろしくお願いいたしますー
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 11.0.0.0 for Windows">
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<META name="IBM:HPB-Input-Mode" content="mode/flm; pagewidth=750; pageheight=400">
<TITLE></TITLE>
</HEAD>
<BODY bgcolor="#ffffff" text="#996666" link="#cc0000" vlink="#663333" alink="#cc9999">
<DIV style="top : 12px;left : 315px;
position : absolute; z-index : -3; width : 365px; height : 75px; background-color : #eddcdf; visibility : visible;" id="Layer3">
<P><FONT size="-1" color="#990099">●はな家の文鳥たちが使用</FONT><FONT size="-1">してる、カゴ・救急箱・食餌・おもちゃ・<BR>
育ヒナグッズ等から、できるだけ</FONT><FONT size="-1" color="#990099">安い物を選び</FONT><FONT size="-1">ました。<BR>
</FONT><FONT size="-1" color="#990099">●画像をクリック</FONT><FONT size="-1">すると、</FONT><FONT size="-1" color="#990099">商品説明や価格</FONT><FONT size="-1">が出ます<BR>
</FONT><FONT size="-1" color="#990099">●「詳細」</FONT><FONT size="-1">ボタンを押すと、</FONT><FONT size="-1" color="#990099">ちゅんが、使い心地などをご紹介</FONT><FONT size="-1">します</FONT><BR>
<FONT color="#990000" size="-1">●「詳細」ページや商品は、まだまだ増えます。よろしくー</FONT></P>
（文字数オーバーの為、続きはコメントに貼ります）
2007-11-09 19:19の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google
回答(1)
1.
2007-11-09 21:23:30
マイナスを消したら、解決しました！
本当にありがとうございました。
聞いてよかったです、とても自分ではわからなかった～
Ads By Google
コメント(4)
#1. おはな坊
2007-11-09 19:22:21
（続き１です。まだオーバーするので、続き２にこの続きを貼ります）
</DIV>
<DIV style="top : 26px;left : -1px;
position : absolute; z-index : -2;" id="Layer1"><IMG src="logo1.gif" width="318" height="47" border="0" alt="はな家の「衣食住」 "></DIV>
<DIV style="top : 45px;left : 424px;
position : absolute; z-index : -4;" id="Layer2"></DIV>
<DIV style="top : 117px;left : 28px;
position : absolute; z-index : -1; visibility : visible;" id="Layer6">
<DIV>
<TABLE width="537" height="22">
<TBODY>
<TR>
<TD width="46" align="center"><A target="bottom" href="newpage11.html#kago">カゴ</A></TD>
#2. おはな坊
2007-11-09 19:26:35
（続き２。なぜ真っ白になるんでしょう(TロT)）
<TD width="64" align="center"><A target="bottom" href="newpage11.html#naiso">内装</A></TD>
<TD width="55" align="center"><A target="bottom" href="newpage11.html#ｈｉｎａ">育ヒナ</A></TD> <TD width="70" align="center"><A target="bottom" href="newpage11.html#kyukyubako">救急箱</A></TD>
<TD width="78" align="center"><A target="bottom" href="newpage11.html#omotya">おもちゃ</A></TD>
<TD width="57" align="center"><A target="bottom" href="newpage11.html#hoon">保温</A></TD>
<TD width="68" align="center"><A target="bottom" href="newpage11.html#odekake">おでかけ</A></TD>
</TR> </TBODY></TABLE>
</DIV>
</DIV>
</BODY>
</HTML>
オーバーする為
一部関係ない箇所を削除しました
#3. BLUEPIXY
2007-11-10 02:35:21
z-index は、０を基準の状態として大きい数字程上に積み重ねるように表示されます。
数値自体はマイナスでもかまわないのですが、０を基準とする画面が全体を占めておりその下になるのでおそらく表示がされなかったのでしょう。
Firefoxがそのように動作します、IEでは指定された数値で前後が決まり、一番基準の画面は一番下になってそれぞれの前後が決まるような描画をするようです、おそらくビルダーでのビューはIE(ActiveX)を利用しているのでしょう。
どちらかというとFirefoxの動作の方が正しいような気がします。（もし詳しい方がいたら御教授下さい）
そういう(ブラウザによってそのように動作する)ことを踏まえると、単純に正の数で重なり具合を指定するのが単純で(第一義的には)よろしいんじゃないでしょうか。
#4. おはな坊
2007-11-17 08:01:04
０が画面の基準になるのですか！
おっしゃるとおり、私はFireFoxを使用しております＾＾
IEではテストしなかったのかな…ボケてますね
すみません。
詳しいご説明まで、ありがとうございました。
もしまたご覧になられてたら…
画面には、このz-indexの数字の順番に
表示されるのですか？
と質問したりして
<DIV>というタグが解説された本を持ってなくて
作成が難航しております(；-_-) =3
