IEとネスケの表示の違いを直す方法
- IEとNetscapeで表示の違いが生じる隙間を解消する方法を教えてください。
- テーブルを組んだつもりでも、IEではピッタリとくっつくのに、Netscapeでは隙間ができてしまう問題が発生しています。
- どのように修正すれば、IEとNetscapeの表示を統一することができるでしょうか。
- ベストアンサー
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>
- shizuku
- お礼率86% (353/409)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
IEでのマージン指定は leftmargin と topmargin で行いますが、NNでは marginwidth と marginheight で行います。 このため、どちらでも同じように表示させるためには、両方の属性を指定しなければなりません。 BODYタグを <BODY topmargin="0" leftmargin="0" marginwidth="0" marginheight="0"> としてみて下さい。
関連するQ&A
- ネスケで真っ白
ネスケ4.7で STYLE = "ime-mode:active"を指定するとページが真っ白。なぜ・・。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> <HTML> <HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html;CHARSET=Shift_JIS"> <TITLE>kyujin</TITLE> </HEAD> <BODY> <TABLE BORDER="1"> <TR><TD>郵便番号</TD><TD><INPUT TYPE="TEXT" NAME="zip" SIZE=42" STYLE = "ime-mode:active"></TD></TR> </TABLE> </BODY> </HTML>
- ベストアンサー
- CSS
- tableタグでwidthとheightを100%にした時に起こる
tableの中にtableを入れて以下のように表示をさせようと思っています。 (色わけの為四角で表現していますが、実際は同じ色の四角はつながっています) ■□□□■ ■□□□■ ■□□□■ そこで、 <head> <title>test</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <style type="text/css"> <!-- td { font-size: 12px} body { font-size: 12px} --> </style> </head> <body bgcolor="#000000" link="#FF0000" vlink="#FF0000" alink="#FF0000" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table width="100%" height="100%" border="0" bordercolor="#AAAAAA" bgcolor="#FFCCCC" cellspacing="0" cellpadding="0"> <tr> <td> <table align="center" width="700" height="100%" border="0" bordercolor="#AAAAAA" bgcolor="#FFFFFF" cellspacing="0" cellpadding="0"> <tr> <td> </td> </tr> </table> </td> </tr> </table> </body> </html> というように作成しましたが、直接このページを見るなら問題はないのですが、違うリンクからこのページを見ると ■□□□■× ■□□□■× ×××××× というようになってしまいます。 ですが、更新ボタンを押すときちんと ■□□□■ ■□□□■ ■□□□■ と表示されます。更新ボタンを押さなくても正常に表示させる方法はありますでしょうか？ また、一番目のtableタグはwidthとheightとも100%なのでそれをなくした場合も試しましたが、 ■□□□■ ■□□□■ ■■■■■ と表示されます。 htmlはいろんなサイトを見ながら自己流でやってきたので、間違っている所もあるし、説明がわかりづらいかと思いますが、わかる方がいらっしゃれば教えて下さい。宜しくお願いします。 また、htmlの書き方等、良いわかりやすいサイトや本があればお教え下さい。(自分でもhtmlサイトはお気に入りに入れてますが、他にも良い所があるかもしれないので。)
- ベストアンサー
- HTML
- 上手く表示されない。
http://www.netmania.jp/ ネットマニアのPHPの説明を参考にPHPを作っているのですが、このページのテンプレート112を改造してつくったのですが、上手く動きません。アドバイスください。 ↓タグ <html><head> <title>タイトル</title> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META NAME="keywords" content="***"> <meta name="description" content="***"> <LINK rel="stylesheet" href="style_main.css" type="text/css"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <?php require("joubu.txt"); ?> <table width="800" border="0" cellspacing="0" cellpadding="0" align="center" style="border-color:#cccccc; border-width:1px; border-style:solid;" height="345"> <tr valign="top"> <td width="160" style="BORDER-RIGHT: #CCCCCC 1px solid" bgcolor="#F0F0F0"> <?php require("menu.txt"); ?> </td> <td colspan="2"> <?php require("main.txt"); ?> </td> </tr> </table> <table width="800" border="0" cellspacing="0" cellpadding="0" align="center" style="BORDER-LEFT: #CCCCCC 1px solid; BORDER-RIGHT: #CCCCCC 1px solid "><tr> <td width="3"><IMG src="002.gif" width="3" height="22"></td> <TD width="797" background="002.gif" align="center"> <?php require("under.txt"); ?> </TD></tr></table> <?php require("copyright.txt"); ?> </body></html>
- ベストアンサー
- PHP
- ホームページ 表の上の余白をなくしたい
ホームページをｈｔｍｌで作成していますが、 trとtdを増やせば増やすほど どんどん表の上に空白ができてしまいます。 <body topmargin="0" rightmargin="0" leftmargin="0" bottommargin="0"> <table class="head" border="1"> をいれましたが、効果ありません。 どうしたらよいでしょうか？
- 締切済み
- HTML
- ドキュメントタグについて
下記のHTMLを開くと、赤のボックスと青のボックスを上下いっぱいに離して表示したいのですが、どうしてもくっついてしまいます。 なぜでしょうか？って、実は、原因が解っているのですが、ドキュメントタグの "http://www.w3.org/TR/html4/loose.dtd" この部分を削除すると、うまくいきます。 という事は、この部分がいらない？という事になるのですけど、削除しても、問題ないですか？ 誰か解る方、よろしくお願いします。 <!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>hatena</title> </head> <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table width="100" height="100%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td valign="top" bgcolor="#FFFFFF"> <table width="10" border="0" cellspacing="0" cellpadding="0"> <tr><td bgcolor="#FF0000"><img src="image-top/spacer.gif" width="100" height="100"></td> </tr> </table> </td> </tr> <tr> <td valign="bottom" bgcolor="#FFFFFF"> <table width="10" border="0" cellspacing="0" cellpadding="0"> <tr><td bgcolor="#0033FF"><img src="image-top/spacer.gif" width="100" height="100"></td> </tr> </table></td> </tr> </table> </body> </html>
- ベストアンサー
- HTML
- テーブルの線の幅を一重の線にしたい
<HTML DIR=LTR> <HEAD> </HEAD> <BODY> <TABLE border=1 bordercolor="#808080"> <TR> <TH>タイトル</TH> </TR> <TD>aaa</TD> </TR> <TR> <TD>bbb</TD> </TR> <TR> <TD>ccc</TD> </TR></TABLE> </BODY> </HTML> これにすると画像のように線の幅が二重線になってしまうのですが、 一重にするにはどうすればいいですか？ <TABLE border=1 を<TABLE border=0にすると、線が消えてしまいます。
- ベストアンサー
- HTML
- テーブル入れ子した時の、テーブル外枠罫線を非表示にしたい
下記のように、入れ子にしたテーブルを作成しましたが、「AA, BB, 10, 20」のテーブル外枠線が太くなってしまいます。全て細い線で表示させるには、入れ子にしたテーブル外枠罫線を非表示にすれば良いのかなと思うのですが、どうすればよろしいでしょうか？ また他によい方法があればアドバイスお願いします。 条件として、 (1)入れ子でテーブルを作成 (2)教えて！gooのように細い線を使用 です。 よろしくお願いします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <STYLE TYPE="text/css"> <!-- TABLE { margin: 0px; border: 1px solid #ff0000; border-collapse: collapse; } TD { padding: 0px; border-style: solid; } --> </STYLE> <TITLE></TITLE> </HEAD> <BODY> <TABLE border="1"> <TBODY> <TR> <TD>みかん</TD> <TD>バナナ</TD> <TD>パイン</TD> </TR> <TR> <TD>やさい</TD> <TD> <TABLE width="100%" border="1"> <TBODY> <TR> <TD>AA</TD> <TD>BB</TD> </TR> <TR> <TD>10</TD> <TD>20</TD> </TR> </TBODY> </TABLE> </TD> <TD>りんご</TD> </TR> <TR> <TD>いちご</TD> <TD>すいか</TD> <TD>れもん</TD> </TR> </TBODY> </TABLE> </BODY> </HTML>
- 締切済み
- HTML
- 特定のテーブルにだけ任意の書式を適用するHTMLかCSS
特定のテーブルにだけ任意の書式を適用するHTMLかCSS 以下のHTMLテーブルで、入れ子テーブル（区画１～区画４）には罫線なし、 外枠（田の字）だけ、1pxの黒い罫線を引くにはどういうのが効率いいですか？ 【解決案１】こうすると、入れ子テーブル（区画１～区画４）まで罫線が現れてしまいます。 table,td,th {border-collapse: collapse; border: 1px solid #000;} 【解決案２】こうすると、該当する全ての<td>タグを<td class="tdstyle">と仕込むのも面倒です。 table {border-collapse: collapse; border: 1px solid #000;} .tdstyle {border: 1px solid #000;} 【解決案３】外枠（田の字）だけ、以下のようにしたいですが、bordercolorってIEのみ有効なタグですよね？ <table border="1" style="border-collapse: collapse" bordercolor="#111111"> 外枠（田の字）だけに、IDをつけたり識別して、効率よく処理できませんか？ <html> <head> <style TYPE="text/css"> <!-- --> </style> </head> <body> <table cellpadding=10> <tr> <td> <table cellpadding=10><tr><td>区画１</td></tr></table> </td> <td> <table cellpadding=10><tr><td>区画２</td></tr></table> </td> </tr> <tr> <td> <table cellpadding=10><tr><td>区画３</td></tr></table> </td> <td> <table cellpadding=10><tr><td>区画４</td></tr></table> </td> </tr> </table> </body> </html>
- ベストアンサー
- HTML
- このような外枠を作るにはどうすれば？
今、下記のようなコードでＷｅｂサイトを作っています。 <HTML> <HEAD> <TITLE>test</TITLE> </HEAD> <BODY BGCOLOR="#F0F0F0" MARGINHEIGHT="0" MARGINWIDTH="0" TOPMARGIN="0" LEFTMARGIN="0"> <TABLE WIDTH="760" BORDER="0" CELLPADDING="0" CELLSPACING="0" BGCOLOR="#FFFFFF" align="center"> <TR> <TD WIDTH="760"> 【ここにコンテンツをいれこみます】<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR> </TD> </TR> </TABLE> </BODY> </HTML> http://www.kysmaq.co.jp/index.html のサイトにあるような影の付いた外枠を作りたいのですが、どのように作っていったらよろしいのでしょうか？ 影は画像で作っているのでしょうか？ ご教授ください。
- 締切済み
- HTML
- ネスケでの右余白
よろしくお願いします。 IEだと隙間なく表示されるのですが、ネスケだと右余白が空いてしまいます。 (デフォルトでスクロールバーの領域なのでしょうか…?) 隙間なく表示するようにするにはどうしたらよいでしょうか? <body style="margin:0" bgcolor="#000000" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0"> <table width=100% cellpadding=0 cellspacing=0 border=0 height=100> <tr height=50> <td bgcolor=#ff6600> </td> </tr> <tr height=50> <td bgcolor=#00ccff> </td> </tr> </table> 以下内容－－－－
- 締切済み
- CSS
お礼
とても急いでいたので、早く回答をいただいて助かりました。 これからこのように記述します。 本当にありがとうございました！