質問: tableタグとtableタグの間の余白の消し方について 現在モバイル用のhpを作成しているのですが、 auで見た際に、tableタグとtableタグの隙間(空白)が出来てしまいます。 tableタグ1個でまとめればどうってことのない問題なのですが、 デザイン上、どうしてもtableタグを分ける必要があるります。 ■以下ソースです。 ************************************* タイトル | | | --- | | | | | | --- | | ・ ・ ・ ************************************* ↑の... | ←この部分に余白ができます。 どなたか原因と解決法をご教示いただけませんでしょうか。 宜しくお願いいたします。
回答: まず、モバイル用のhpを作成する場合に考えなければならないのは キャリアや機種によって表示のされ方や、使えるタグが異なる事です。 ”auで空白を消せてもi-modeでは空白が残ったまま” なんてのはしょっちゅうある事です。 どうしても譲れないデザインである場合を除いて 『やりたい事』と『出来る事』を整理してみましょう! ↑上のソースを見る限り、どうしてもtableタグを使わなければ ならないデザインではない気がするんですが、どうでしょう? <div>は隙間が出来ないので、画像と上手く組み合わせて レイアウトするとか、妥協する部分は妥協するなど どうしてもやりたい場合は『xhtml+css』に切り替えるのも 一つの手段だと思います。 ●一応------------------------------------------- ■<body>が抜けている ■<td>のcolspan="2"はいらないのでは? ■html仕様なら<img>タグのタグ閉じ【/】は不要 ■</table><table> ←改行を無くしてみるとか。 -------------------------------------------------