- 締切済み
なぜかうまく表示されないNetscape
まずは以下のＨＴＭＬをご覧ください。 ---------------------------------------------------------------- <html> <head></head> <body> <table border="1" width="100%"> <tr> <td width="28%"> </td> <td width="24%"> </td> <td width="24%"> </td> <td width="24%"> </td> </tr> </table> <table border="1" width="100%"> <tr> <td width="28%"> </td> <td width="12%"> </td> <td width="12%"> </td> <td width="12%"> </td> <td width="12%"> </td> <td width="12%"> </td> <td width="12%"> </td> </tr> </table> </body> </html> ---------------------------------------------------------------- これをブラウザで表示させますと上下に２つのテーブルが表示されます。 まずＩＥのほうで表示させますと、上下２つのテーブルの罫線が widthで指定してあるので、ほぼぴったり罫線の位置が合うのですが、 Netscapeのほうで表示させるのと、なぜか罫線の位置が大きく異なって表示されます。 これの原因は何でしょうか？ また、Netscapeみたいに大きく罫線の位置がずれるような 方法はないものでしょうか？
- yo-he
- お礼率35% (34/97)
- HTML
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
みんなの回答
このHTMLを見ると、表自体は全く空白の表みたいですね。 ネスケの場合だと、<td>と</td>の間になにも入れないとセルのサイズがずれるようなので、1px四方の透過GIFを作成し（仮に、「clear.gif」と名付けます）、 <td width="12%"><img src="clear.gif"></td> という風にすれば、セルのサイズは合ってくると思います。 しばらくHTMLいじってないので、あまり自信ありませんが・・・。
関連するQ&A
- IEとNetscapeの表示の違いについて
Netscape7.1において、テーブルを表示すると、 セル内の文字上下とborderの間に隙間ができます。 (左側の隙間は問題ありません） その為、IEとNetscapeではテーブル高さが変わってきます。これを同じように表示する事はできるのでしょうか？ divで入れ子にしてる事が問題かと、divをはずしてみましたが、同様の現象となります。 ご存知の方、ご教示ください。よろしくお願いします。 <div width:150px;"> <table width="150" border="1"> <tr><td>あいうえお</td></tr> <tr><td>かきくけこ</td></tr> <tr><td>さしすせそ</td></tr> </table> </div> css で border-collapse: collapse; border-spacing :0px; を指定してます。
- ベストアンサー
- HTML
- Netscape7.1 での表示方法を教えてください。
初めまして。 現在ホームページを作成中なのですが、以下のソースでページを表示しようとすると、 Netscape7.1だけ正しく表示されません。素人考えなのですがNetscapeではテーブル タグのheight="%"が無視されているように思えます。Netscapeで正しく表示される方 法をお教え下さると幸いです。よろしくお願い致します。 <html> <head> </head> <body bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <div style="text-align:center"> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" style="margin:auto;text-align:left"> <tr> <td height="6%" align="center" valign="center" bgcolor="#000000"></td> </tr> <tr> <td align="left" valign="top"> <iframe name="contents" src="a.html" width="100%" height="100%" style="border:solid 0pt;border-color:#000000;" scrolling="no" frameborder="0" allowtransparency="true"></iframe></td> </tr> <tr> <td height="6%" align="center" valign="center" bgcolor="#000000"></td> </tr> </table> </div> </body> </html>
- ベストアンサー
- HTML
- 画像のNetscapeでの表示
Netscapeで下記のようにテーブルを組むと画像の表示がされません。 IEではうまく表示してくれるのですが・・・。 <table border='0' cellspacing='0' cellpadding='0' width='100%' height='100%' style='position:absolute;bottom:0px;left:0px;'> <tr> <td><img src="xxx.gif"></td> </tr> </table> Netscapeで使用できないタグなどがふくまれているのでしょうか？ Netscapeのバージョンは、7.02です。
- 締切済み
- HTML
- Netscape6.02におけるiframeの%表示について
インラインフレームを使って、下の例のように％指定で表示させたいのですが、 Netscape7では問題なく表示されるのですが、Netscape6.02では表示されません。 （表示されないというか、0%と解釈されるようです。） サイズを％ではなくピクセルで指定すれば問題ないのですが、画面サイズにかかわらずフルサイズで表示されるようにしたいため、パーセンテージで指定したいのです。 何かいい方法をご存じの方がいたら、教えて下さい。 無理な場合は、Netscapeのバージョン7未満では別のページにジャンプさせるという方法でもかまいません。 よろしくお願いします。 （例） <html> <head></head> <body> <table width="100%" height="100%"> <tr> <td width="100%" height="100%"> <iframe src="http://www.okweb.ne.jp/" width="100%" height="100%"></iframe> </td> </tr> </table> </body> </html>
- ベストアンサー
- HTML
- テーブルの横幅を常にブラウザ一いっぱいに表示するに
テーブルの横幅を常にブラウザ一いっぱいに表示するには？ たとえば *********************************************** <HTML> <HEAD> <TITLE>test</TITLE> </HEAD> <BODY> <table border=1 cellspacing=0 cellpadding=0> <caption>キャプション</caption> <tr> <td>内容1</td> <td>内容2</td> </tr> </table </BODY> </HTML> *********************************************** を作ると、画像のようにコンパクトに表示されてしまいます。 やりたい事はブラウザの横幅が １０cmなら画面いっぱいテーブルを表示させて、 ２０ｃｍなら画面いっぱいにテーブルを表示させたいです。 <table border=1 cellspacing=0 cellpadding=0 width="2000"> するとはみ出してしまうし、 <table border=1 cellspacing=0 cellpadding=0 width="1000"> だと小さすぎます。 誰がどのブラウザで開いても、横幅は画面いっぱいに入るように表示するにはどういうタグを書けばいいのでしょうか？
- ベストアンサー
- HTML
- IEとネスケの表示の違いを直したい
下記のように ページ上部、左端ともに隙間を空けずテーブルを組んだつもりなのですが、 IEではピッタリとくっつくのに、Netscapeで見ると、5pxくらい間があいてしまいます。 どこを直したらいいのでしょうか。 <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=shift_jis"> <TITLE>ページ</TITLE> </HEAD> <BODY topmargin="0" leftmargin="0"> <TABLE border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" bgcolor="#000000"> <TR> <TD width="100%"> </TD> </TR> </TABLE> </BODY> </HTML>
- ベストアンサー
- HTML
- 入れ子にしたテーブルをheight100%にする
お世話になります。 以下のソースで、table2の高さを100％にしたいです。 この書き方では、firefoxではうまく表示できるのですが、 IEではだめでした。どこがいけないのでしょうか？？ ---------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css"> <!-- html {height:100%;} body {height:100%;} .th100 {height:100%;} --> </style> </head> <body> <table width="600" border="1" cellpadding="0" cellspacing="0" class="th100"> <tr> <td width="300" rowspan="2"> 長いテキスト </td> <td height="50"><table width="300" height="50" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000"> <tr> <td>table1</td> </tr> </table></td> </tr> <tr> <td><table width="300" border="0" cellpadding="0" cellspacing="0" bgcolor="#999999" class="th100"> <tr> <td>table2</td> </tr> </table></td> </tr> </table> </body> </html>
- ベストアンサー
- HTML
- テーブル内での改行がうまくいかない
ウィンドウが小さくなると、それに合わせてテーブルも小さくなると思っていたのですが、下のソースを表示すると、テーブルが一定の大きさから小さくなりません。何が悪いのでしょうか。 --ソース-- <HTML> <HEAD></HEAD> <BODY > <TABLE border="1"> <TR> <TD>sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</TD> </TR> </TABLE> </BODY> </HTML> よろしくお願いします。
- ベストアンサー
- HTML
- DreamWeaverで作るテーブル
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>無題ドキュメント</title> </head> <body> <table width="800" height="394" border="1" align="center"> <tr> <td> <p>1</p> <table width="200" border="1" align="left"> <tr> <td height="118">2</td> </tr> </table> <table width="600" border="1"> <tr> <td height="121">3</td> </tr> </table> <p> </p></td> </tr> </table> </body> </html> このようにテーブルを作った場合、3のセルの右のラインが1のセルの右ラインに隠れるというか見えなくなります。 そこで3のセルにalign="left"を設定するとIEではラインが見えるのですが、Netscapeでは2と3が縦に並んでしまいます。 なんとか3の右ラインを見えるようにしてNetscapeでも縦に並ばないようにするにはどうすればいいでしょう。 よろしくお願いいたします。
- ベストアンサー
- その他（インターネット・Webサービス）
- スタイルシートについて
<HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <TABLE border="1"> <TBODY> <TR> <TD><IMG src="i1.gif" width="64" height="64" border="0"></TD> <TD><IMG src="i2.gif" width="64" height="64" border="0"></TD> </TR> <TR> <TD><IMG src="m1.gif" width="32" height="32" border="0"></TD> <TD><IMG src="m2.gif" width="32" height="32" border="0"></TD> </TR> </TBODY> </TABLE> </BODY> </HTML> こういったTableを使った表がある場合、スタイルシートで示すことは出来ますか？もし出来るならそのソースを教えてください。 また、こういったTableのホームページを一括でスタイルシートに変換できるソフトが存在していたら教えてください。 それと、この行数がかなり大きくなると、Tableよりも軽く表示がされると聞いたのですが本当でしょうか？ ご返答、何卒、よろしくお願い致します。
- ベストアンサー
- HTML
