テーブルタグの表示

[新着] Webテンプレートを仮オープンしました



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

一覧へ戻る