お酒好きのおしりトラブル対策とは

現在モバイル用の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">

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

このQ&Aに関連する最新のQ&A

A 回答 (1件)

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


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

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

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

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

●一応-------------------------------------------
■<body>が抜けている
■<td>のcolspan="2"はいらないのでは?
■HTML仕様なら<img>タグのタグ閉じ【/】は不要
■</table><table> ←改行を無くしてみるとか。
-------------------------------------------------
    • good
    • 0
この回答へのお礼

ご丁寧にありがとうございます。
お察しのとおり、どうしてもデザイン上、<table>タグを使いたかったのですが…
妥協するなり、別の方法を模索するなりしてみます!

お礼日時:2007/12/16 20:37

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング