ホームページビルダー・グレート初心者講座

グレート初心者講座トップへグレート初心者講座 小技集へグレート初心者講座≠ヨグレート初心者講座 質問掲示板へ

HTML版 過去ログ
| 掲示板を見る | ホームに戻る | ワード検索 | 過去ログ |   
netscapeでテーブルが…。
日時: 2004/09/14 16:04
識別: IDAuXj1tdQ7e2
名前: 小太郎

お世話に成ります。

現在、「中央に明るい背景色のスペースを設け、
左右両端は暗い背景色」という構成のページを、
入れ子状のテーブルで作成しています。

IEでは正常に中央の明るい背景色が画面の下まで、
ブチ抜きになってくれるのですが、ネットスケープで
表示した場合、入れ子を囲んだテーブルの高さを
100%指定にしているにも関わらず、コンテンツの
縦の大きさ「まで」しか高さが繁栄してくれず、
中央の下部にも暗い背景が表示されてしまい、
困っております。

他に気が付いた事項としては、コンテンツが縦に短い
ページの場合に上記の事が起こり、逆にスクロールバーが
出るような縦長のページの場合は、IEと同じ様に意図した
表示になってくれます。

情報が少ないかと存じますが、何卒、
解決策ご指導のほど、宜しくお願い致します。
メンテ

Re: netscapeでテーブルが…。 ( No.1 )
日時: 2004/09/15 03:13
名前: NICCABI

どのように入れ子になっているのか、よく分かりませんが、
何も無いセルの部分は、その外側の背景色が表示されてしまうので
空白や、セルに指定したい色と同色の画像や改行などを入れると
上手く表示されると思います。

テーブルを入れ子で使っている場合は、どのように使っているかを
サンプルページなど作るなどして提示すると、参考になる返答が付くと思います。


メンテ
Re: netscapeでテーブルが…。 ( No.2 )
日時: 2004/09/15 03:27
名前: nba

こんにちは。
ひょっとしてDOCTYPE宣言でstrictを選んでいませんか?

Transitionalならheight="100%"は効きますが、根本的な解決ではない?
メンテ
Re: netscapeでテーブルが…。 ( No.4 )
日時: 2004/09/15 15:25
名前: 小太郎
参照: https://www.jttk.zaq.ne.jp/baabv204/backstage.htm

作成中のページをUP致しました。

該当する物としては、トップページと、
「楽器販売」のページがそれに当たります。

NICCABIさんのご返答に有った「改行」を
試してみました所、中央の背景色はブチ抜きに
なったのですが、やはりスクロールバーが
表示されてしまいます。セル内に画像を入れた
場合も、画像分だけ下に長いページに成って
しまう様です。

nbaさん語指摘のDOCTYPEは、
Transitionalの表記でした。

では、よろしくお願いします。
メンテ
Re: netscapeでテーブルが…。 ( No.5 )
日時: 2004/09/15 16:26
名前: nba

拝見しました。
大外の<center>が原因のようでしたので、下手くそなりにちょっと考えてみました。
これでどうでしょうか…。

(css追加)
TABLE{
font-size : 9pt; line-height : 12pt;
text-align: center; height:100%;
position:relative; margin-left :auto; margin-right:auto ;
}
div{
text-align: center; height:100%;
position:relative; margin-left :auto; margin-right:auto ;
}

(<body>内)
<div>
<TABLE width="600" bgcolor="#eff5bf" style="background-image : url(tophaikeitable.gif); background-repeat : repeat-y;">
<TBODY>
<TR>
<TD>
<TABLE style="background-color : #eff5bf;">
<TBODY valign="top">
<TR>
<TD colspan="3" align="left">Last Update:9/14 サイトリニューアルしました。</TD>
</TR>
<TR>
<TD><A href="#"><IMG src="" width="150" height="150" alt="" border="1"></A></TD>
<TD><A href="#"><IMG src="" width="150" height="150" alt="" border="1"></A></TD>
<TD><A href="#"><IMG src="" width="150" height="150" alt="" border="1"></A></TD>
</TR>
<TR>
<TD colspan="3" align="right"><IMG src=""></TD>
</TR>
</TBODY>
</TABLE>
</TD></TR>
</TBODY>
</TABLE>
</div>
メンテ
Re: netscapeでテーブルが…。 ( No.6 )
日時: 2004/09/16 16:13
名前: 小太郎
参照: https://www.jttk.zaq.ne.jp/baabv204/backstage.htm

お返事、有難う御座いました。

上記のタグと入れ替えて見ました所、
CSS追加までは良かったのですが、この時点では各ボタンが
離れて表示されてしまう傾向があるようで、それを
防ぐための<DIV>以下のタグをご指導下さったと
思うのですが、ビルダーのソースを同じ様に
書き換えた所、エラーが出まして、

<DIV>
<TABLE width="600" bgcolor="#eff5bf" style="background-image : url(tophaikeitable.gif); background-repeat : repeat-y;">
<TBODY>
<TR>
<TD>
<TABLE style="background-color : #eff5bf;">
<TBODY valign="top">
<TR>
<TD colspan="3" align="left">Last Update:9/14 サイトリニューアルしました。</TD>
</TR>
<TR>
<TD><A href="newbsgakki.htm"><IMG src="shopnomal-mini-4.jpg" width="150" height="150" border="1"></A></TD>
<TD><A href="newbslive.htm"><IMG src="livenomal-mini-4.jpg" width="150" height="150" border="1"></A></TD>
<TD><A href="newbsmenu.htm"><IMG src="foodmenunomal-mini-4.jpg" width="150" height="150" border="1"></A></TD>
</TR>
<TR>
<TD><A href="newbslesson.htm"><IMG src="lessonnomal-mini-4.jpg" width="150" height="150" border="1"></A></TD>
<TD><IMG src="logobase.gif" width="150" height="150" border="0"></TD>
<TD><A href="newbsaccess.htm"><IMG src="accessnomal-mini-4.jpg" width="150" height="150" border="1"></A></TD>
</TR>
<TR>
<TD><A href="https://0bbs.jp/backstage/"><IMG src="bbsnomal-mini-4.jpg" width="150" height="150" border="1"></A></TD>
<TD><A href="newcolumn5.htm"><IMG src="columnnomal-mini-4.jpg" width="150" height="150" border="1"></A></TD>
<TD><A href="newbslink.htm"><IMG src="linkmini2.jpg" width="150" height="150" border="1"></A></TD>
</TR>
<TR>
<TD colspan="3" align="right"><IMG src="/cgi-bin/tools/counter/jttk/baabv204.1/co87"></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
<DIV>
</DIV>
</DIV>

と換えられてしまい、コンテンツ全てが
左に寄ってしまいました。

ひとまずご連絡まで、失礼しました。
メンテ
Re: netscapeでテーブルが…。 ( No.7 )
日時: 2004/09/16 19:27
名前: nba

ビルダーの機能はよくわからないので、そちらのアドバイスはできませんが…(ビルダーを使わず余分な<div></div>を外すくらいしか思いつかないです)。

すみません、さきほど私が書いたソースのミスに気づきましたm(_ _)m
tableの「height:100%;」はcssでまとめると本文も間延びしちゃうんですね…。これは外tableにstyle=""で指定した方がよかったようです。で、外テーブルの<tbody>にvalign="top"をつける。
これでいいはず…なんですが……。

「左に寄ってしまった」というソースを試してみたんですが、なりませんでした。
cssのtableの付け足し部分を忘れたんじゃないかなと思うんですが、どうでしょう?
TABLE{
font-size : 9pt; line-height : 12pt;/*元からある二つ*/
text-align: center;
position:relative; margin-left :auto; margin-right:auto ;/*中央寄せにするtext〜とposition*/
}
メンテ
Re: netscapeでテーブルが…。 ( No.8 )
日時: 2004/09/17 14:12
名前: 小太郎
状態: 解決!
参照: https://www.jttk.zaq.ne.jp/baabv204/backstage.htm

こんにちは、お返事有難う御座いました。

最終的に、入れ子の物はテーブル内でセンターに
寄ってくれたのですが、大外のテーブルが
センタリングされた入れ子ごと、左に寄ってしまう、
という結果でした。

そこで、辛い申し出になるのですが、
今回のnbaさんの御返答を経て、自分のタグの勉強不足と
いうモノを痛感していまして、毎回「まだ、まだ…」と
いう事では申し訳無く思うので、解決の糸口は此方で
キチンとご提示頂けたという事で、一度自身の
勉強の為、保留という形を取らせて頂き、解決の
折には、またこちらの方へ書き込みに来たいと
思います。

本当に有難う御座いました。
メンテ

Page: [1]




ホームページビルダー・グレート初心者講座 Copyright © 2002-2005 aimix All Rights Reserved