- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：tableタグとtableタグの間の余白の消し方について）
tableタグとtableタグの間の余白の消し方について
このQ&Aのポイント
- モバイル用のHP作成時に、AUで見た際にtableタグとtableタグの隙間(空白)が発生する問題があります。
- デザイン上、tableタグを分ける必要があるため、原因と解決法を教示していただけると幸いです。
- 余白を消す方法を教えてください。
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
まず、モバイル用のHPを作成する場合に考えなければならないのは キャリアや機種によって表示のされ方や、使えるタグが異なる事です。 ”auで空白を消せてもi-modeでは空白が残ったまま” なんてのはしょっちゅうある事です。 どうしても譲れないデザインである場合を除いて 『やりたい事』と『出来る事』を整理してみましょう！ ↑上のソースを見る限り、どうしてもTABLEタグを使わなければ ならないデザインではない気がするんですが、どうでしょう？ ＜DIV＞は隙間が出来ないので、画像と上手く組み合わせて レイアウトするとか、妥協する部分は妥協するなど どうしてもやりたい場合は『XHTML+CSS』に切り替えるのも 一つの手段だと思います。 ●一応------------------------------------------- ■＜body＞が抜けている ■＜td＞のcolspan="2"はいらないのでは？ ■HTML仕様なら＜img＞タグのタグ閉じ【/】は不要 ■＜/table＞＜table＞ ←改行を無くしてみるとか。 -------------------------------------------------
お礼
ご丁寧にありがとうございます。 お察しのとおり、どうしてもデザイン上、<table>タグを使いたかったのですが… 妥協するなり、別の方法を模索するなりしてみます！