現在モバイル用の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">
どなたか原因と解決法をご教示いただけませんでしょうか。
宜しくお願いいたします。
No.1ベストアンサー
- 回答日時:
まず、モバイル用のHPを作成する場合に考えなければならないのは
キャリアや機種によって表示のされ方や、使えるタグが異なる事です。
”auで空白を消せてもi-modeでは空白が残ったまま”
なんてのはしょっちゅうある事です。
どうしても譲れないデザインである場合を除いて
『やりたい事』と『出来る事』を整理してみましょう!
↑上のソースを見る限り、どうしてもTABLEタグを使わなければ
ならないデザインではない気がするんですが、どうでしょう?
<DIV>は隙間が出来ないので、画像と上手く組み合わせて
レイアウトするとか、妥協する部分は妥協するなど
どうしてもやりたい場合は『XHTML+CSS』に切り替えるのも
一つの手段だと思います。
●一応-------------------------------------------
■<body>が抜けている
■<td>のcolspan="2"はいらないのでは?
■HTML仕様なら<img>タグのタグ閉じ【/】は不要
■</table><table> ←改行を無くしてみるとか。
-------------------------------------------------
ご丁寧にありがとうございます。
お察しのとおり、どうしてもデザイン上、<table>タグを使いたかったのですが…
妥協するなり、別の方法を模索するなりしてみます!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルとテーブルの間隔について
-
TABLEのセルの中の文字を行単位...
-
<th>タグを使っても太字にしな...
-
同じ幅指定のつもりなのに、ブ...
-
CSSで特定のテーブルだけに...
-
HTMLのテーブルをExcelにCopy&P...
-
textareaの外側の文字が下付き...
-
画面幅に合わせてテーブルのカ...
-
フレームの境界線にぴったりつ...
-
CSSで<table>を横に並べるよう...
-
【CSS】表に線を入れる
-
ブログのカスタマイズで、テー...
-
tableを画面中央に配置する方法
-
table要素のtrやtdって・・・
-
tableタグとtableタグの間の余...
-
アンカータグ内の文字の色を変...
-
画面が縮小しないように表示したい
-
HTML tableのセルにtextareaを...
-
ライブビュー時の<th>の幅
-
tableの位置がIEとその他ブラウ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルとテーブルの間隔について
-
TABLEのセルの中の文字を行単位...
-
<th>タグを使っても太字にしな...
-
CSSで特定のテーブルだけに...
-
HTML5で、テーブル内tdタグの高...
-
同じ幅指定のつもりなのに、ブ...
-
table表を横に並べる際の間隔指定
-
テーブル内のセル間にスペース...
-
textareaの外側の文字が下付き...
-
HTML tableのセルにtextareaを...
-
テーブルデータを折り返して表...
-
tableの位置がIEとその他ブラウ...
-
<fieldset>タグについて
-
正規表現で「より前」と「より後」
-
スタイルシートで左側だけ色を...
-
tableのcellpadding="0" cellsp...
-
tableを縦に続けるとtable間の...
-
HTMLのテーブルをExcelにCopy&P...
-
html5のテーブル内でdivのタブ...
-
(HTML)Tableを任意の位置に置...
おすすめ情報