tableタグとtableタグの間の余白の消し方について

解決済

質問者：jb031006
質問日時：2007/12/13 23:18
回答数：1件

現在モバイル用のHPを作成しているのですが、
AUで見た際に、tableタグとtableタグの隙間(空白)が出来てしまいます。
tableタグ1個でまとめればどうってことのない問題なのですが、
デザイン上、どうしてもtableタグを分ける必要があるります。

■以下ソースです。
*************************************
<html>
<head>
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS" />
<title>タイトル</title>
</head>

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">
<center>
<a href=""><img src="gazou.gif" width="151" height="42" /></center>
</td>
</tr>
</table>

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" bgcolor="#FFFFCC">
<center>
<a href=""><img src="gazou.gif" width="151" height="42" /></center>
・
・
・
*************************************
↑の…
</table>
　　　　　←この部分に余白ができます。
<table width="100%" border="0" cellpadding="0" cellspacing="0">

どなたか原因と解決法をご教示いただけませんでしょうか。
宜しくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

No.1ベストアンサー

回答者： me001az
回答日時：2007/12/15 03:14

まず、モバイル用のHPを作成する場合に考えなければならないのは

キャリアや機種によって表示のされ方や、使えるタグが異なる事です。
”auで空白を消せてもi-modeでは空白が残ったまま”
なんてのはしょっちゅうある事です。

どうしても譲れないデザインである場合を除いて
『やりたい事』と『出来る事』を整理してみましょう！

↑上のソースを見る限り、どうしてもTABLEタグを使わなければ
ならないデザインではない気がするんですが、どうでしょう？

＜DIV＞は隙間が出来ないので、画像と上手く組み合わせて
レイアウトするとか、妥協する部分は妥協するなど
どうしてもやりたい場合は『XHTML+CSS』に切り替えるのも
一つの手段だと思います。

●一応-------------------------------------------
■＜body＞が抜けている
■＜td＞のcolspan="2"はいらないのでは？
■HTML仕様なら＜img＞タグのタグ閉じ【/】は不要
■＜/table＞＜table＞ ←改行を無くしてみるとか。
-------------------------------------------------