携帯でのHTMLの書き方について

質問

携帯電話のHTMLについて質問です。

・構成要素は画像とテキスト
・画像の下にテキストを配置。
・両要素の間に隙間をいれない
・両要素とも真ん中寄せ
・テキストには背景色を指定

を行うために下記のコードを書いたところ、DoCoMoでは背景色が表示されませんでした。これらを実現するために各キャリア共通のHTMLの書き方はあるのでしょうか？？

ご存じでしたら教えてください！

<div align="center">
　<img src="hogehoge.gif" />
　<span style="background-color:#ABCDEF">
　　テキストテキストテキストテキストテキストテキスト
　</span>
</div>

回答No.3

lostmanweb

初めまして。
現在モバイルサイト向けにウェブページを作る際に、XHTML + CSSで記述し、全キャリア（主に主要３キャリア）で問題なく表示させるためには、以下の知識が必要になります。

■XHTML文法とCSSの正しい知識
■各キャリア独自の記述方法の理解
■i-XHTMLというDocomo独自の規格に対するコーディング
■サーバーがレスポンス時に返すHTTPヘッダ情報の知識
■キャリア判別する為の.htaccessの設置、またはPHPスクリプト
■各キャリアの絵文字コード

更にメンテナンスやバグチェック等、作業が倍以上の負担になります。
背景色を要素ごとに変えた事による効果と価値が上回る事がない限り、お薦め出来ません。

モバイルサイトの構築は現段階ではHTMLベースの方が合理的だと思います。

回答No.2

auty

Docomoはiモード対応HTMLのバージョンが多く、下記のURLで確認してみてください。
また、
・　画像はGIFに限る。
・　半角カナが利用可能

等、重要な注意点も載っています。

なお、iモード対応XHTML 1.1では、style="background-color:#ABCDEF"も使えるようになっているようです（i-CSSとか）。下記のURLからたどって、

http://www.nttdocomo.co.jp/service/imode/make/content/xhtml/about/index.html
にあります。

参考URL：

http://www.nttdocomo.co.jp/service/imode/make/content/html/

回答No.1

auty

DoCoMoでは、CSSはまだ使えないと思います。次の部分です。
　　　style="background-color:#ABCDEF"
さらに、利用できるタグはほんの一部です。

「各キャリア共通のHTMLの書き方」は間違いかもしれませんがほぼ無理でしょう。
とりあえず考えられるのは、キャリアからキャリアへの変換ツールを作成することでしょう。もし出来ていれば私もしりたいですね。（無料ならさらに良）

まずひとつのキャリアのHTML作成に挑戦してはどうでしょうか。自分で確認出来る物がいいですね。

お礼

ご回答ありがとうございました！

上記HTMLで、Softbank, AUで確認することが出来ました。
ただDoCoMoだけできないんですよね。。

# 共通でできないにせよ、DoCoMoだけできるやり方も知りたいです。