October 24, 2005
まだまだ奥深いなぁ、携帯サイト：FOMAでの背景色指定
今日は仕事でちょっと技術的な問題が発生しまして・・・・。
Docomoの携帯でピンポイントで背景色を変えるって事をやりたくてですね。
body全体の色を変えるのはもちろんできるんだけども、div単位で変えるってのが難しかった。
XHTML対応端末ならあっさりできると検証もしないで思い込んでたのがまず悪かったんだけども、やってみるとこれが難しい。
div style=" background-color: #0099CC;"
こんな感じで普通にCSSで書いてもダメ。
TABLEはiモード対応XHTML2.0からで、これは902からだったので撃沈。
AUではだいぶ前からできてたので、iモードでもできるもんだと思い込んでた・・・orz
よくよく調べてみると、今回想定しているiモード対応HTML&XHTMLのバージョンで背景色のプロパティが使えるのはmarqueeタグくらいな事が判明。
でも携帯のマーキーは1行固定だし、そもそも画像が入らない。
空マーキータグ！？とか使ってみるものの、表示されない。
そんなこんなでDocomoの仕様書とW3Cのサイトなんぞを散々にらめっこしたが、結局正攻法では無理な気がして・・・。
そんで色々検索してみると下記の方法が判明。ここまで推定3時間（死
まずサーバ側の設定変更から。
.htaccessに
AddType application/xhtml+xml .xhtml
を追加。
ヘッダにはきちんとXHTML1.1に対応したXMLのバージョン宣言、DOCTYPE宣言を記述する。
記述方法はDocomoのサイト参照の事。ファイルの拡張子は「.xhtml」に。
ここまでやって初めて最初の方に書いた
div style=" background-color: #0099CC;"
この書き方で背景色が変更できるようになった。
結局はすごく正攻法だったって事。
きちんとDOCTYPE宣言等を記述して、実機のブラウザにXHTMLですよって認識させないといけないって事だったんだろう。
きちんと記述しないと、iモード対応HTML4.0とか5.0の挙動になるっぽいので・・・。
詳しくは検証してみないと不明だが、AUのW31Tでは上記のファイルは正常に表示された。
でもPremini-II（SO506i）では.xhtmlのファイルは正常に認識されないらしく、ソースが表示されてしまった。
Docomoの場合はXHTML対応機種のみで使える方法なので、きちんと機種判別＆振分けをしないとダメだなぁ。
FOMA端末の普及率もかなり上がってきてるので、これからはFOMAのみのサイト作成もわりとありそう。
デザインに力を入れる事もうまくやれば容量の問題は回避できるので、色々実験してみないと・・・。
ちなみに902になってiモード対応XHTML2.0のバージョンが上がると、table関連タグの解禁や、bodyの背景に画像を引けるようになる。
AUではかなり前からできてる事なので、やっとって感じだけども・・・・。
うーん、まだまだだなぁ・・・・。
このエントリーのトラックバックURL：
http://www.extype.com/mt/mt-tb.cgi/233
はじめまして。FOMAでの背景色の表示について調べていて
こちらにたどり着きました。
いろいろ自分なりに試してみていますが、うまくできません｡｡｡
.htaccessに
AddType application/xhtml+xml .xhtmlをおいて、
こんな感じでいいのでしょうか？
↓
＜?xml version="1.0" encoding="Shift_JIS"?>
＜!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/1.0) 1.0//EN" "i-xhtml_4ja_10.dtd">
＜html lang=”ja”>
＜head>
＜meta http-equiv=”Content-Type” content=”text/html; charset=Shift_JIS”>
＜title>test
＜/head>
＜body>
＜div style=" background-color: #0099CC;">
＜/div>
＜/body>
＜/html>
突然で、すいません。
投稿者 masumi : September 2, 2006 01:57 AM
すいません。解決できました。(^^;)
でも携帯情報が面白いのでまた遊びに来させていただきます。
投稿者 masumi : September 2, 2006 04:14 AM
いらっしゃいませー！
つたない情報ですが色々書いていくと思うので、よろしくお願いします～。
投稿者 Pippo＠管理人モード : September 4, 2006 10:18 AM
貴重な情報ありがとうございます！！
ってもう２年くらい前の話なんですね。。。。
ちなみにPHPで、
header("Content-Type: application/xhtml+xml; charset=Shift_JIS");
ってやれば、わざわざ.htaccessを変えなくてもできましたー
投稿者 やすえ : September 3, 2007 02:31 PM
>やすえさん
訪問ありがとうございます～
この記事を書いた当時はまだ3G端末の普及もちょろちょろでしたが、いまや主流ですからね・・・最近訪問される方が増えてびっくりです。はい。
今後もちょこちょこ書きますんでよろしくです～。
投稿者 Pippo : September 3, 2007 09:22 PM
はじめまして！
DoCoMoでの文字の背景色に悩んでいたらここにたどりつきました。
なるほど、htaccessで設定して、xml宣言をして、divのスタイルで背景色を設定すればよいのですね。
文字色も span style="color:#ffffff" という感じにしたらばっちりでした。
有り難うございます。とても助かりました。
他のページも拝見します。
投稿者 モカ : February 20, 2008 11:12 AM