テーブルタグの表示
-
0 名前: Sie : 2005/05/02 02:42 [URL]
- はじめまして。
ぼくはブラウザーはIEを使っているんですが、自分のサイトがほかのブラウザーではきちんと表示されるのかが気になって確認してみました。
すると、IEではきちんとテーブルがくっついてキレイに表示されていたのに、ネスケやモジラでは離れて表示されてしまいました。
これはどうすればよいのでしょうか?
問題のページは『http://www5f.biglobe.ne.jp/~Sie-net/music.html』です。
ご教授、よろしくお願いします。
-
1 名前: tk : 2005/05/02 02:42
- スタイルシート部分で
table {margin:0;border:0;}
tableタグの所で
<table border=0 width =670 cellpadding=0 cellspacing=0>
こんな感じで上手くいく様な気がします。
-
2 名前: Sie : 2005/05/02 02:42 [URL]
- tkさん、早速の返信ありがとうございました。
すぐに試してみたのですが、変化はありませんでした。。
-
3 名前: tk : 2005/05/02 02:42
- アレ?すいません。文章の高さが原因みたいでした
tableのheightを無くして、イメージのheightを100%で指定して見たら上手く表示されるようなのですが、どうでしょうか。
<table border="0" cellpadding="0" cellspacing="0" width="670" bgcolor="#FFFFFF">
<tr>
<td width="15"><img src="tf-06.gif" width="15" height="100%"></td>
<td width="640"><font color="#808080" size="2"><u>フォーマット〜</u></font><font size="2"><br>
<br>
J-Popまっしぐら〜略 〜感じもしますね^^<br>
<br>
</font></td>
<td width="15"><img src="tf-07.gif" width="15" height="100%"></td>
</tr>
<tr>
ソースをお借りしました。
-
4 名前: Sie : 2005/05/02 02:42
- ありがとうございます!早速やってみました^^
…が。。
モジラなどではきれいになったのですが、今度はIEがおかしくなってます。
線の画像がきえてしまってます。。
-
5 名前: tk : 2005/05/02 02:42
- IEの方で確認しなかったのはまずかったですね
<td width="15" height="100%"><img src="tf-06.gif" width="15" height="100%"></td>
と言う感じでどうでしょう。一応IE6とfirefoxで確認しました。
-
6 名前: Sie : 2005/05/02 02:42
- ありがとうございます!
早速IE6.0とFirefox1.0.3で動作確認しましたところ、しっかり表示できていました♪
ご丁寧に教えてくださって、ホントにありがとうございましたm(_ _)m