昨日、仕事で、iモードのxhtmlに嵌りました・・・。
http://www.nttdocomo.co.jp/service/imode/make/content/xhtml/

CSSがぜんぜん効かなくて。


いろいろ散々調べた結果、.htaccessに、
AddType "application/xhtml+xml;charset=Shift_JIS" .html

と記述してサーバにおいておかなければならず、

htmlのメタタグに、
<meta http-equiv="ContentType" Content="application/xhtml+xml">

と書いておく必要があるみたい。
さらに、CSSはすべてインラインでstyle= にしなければならず。。

やってみると、n701i等で問題なく見れました。

いつもiモードサイトを作っている方には常識なのでしょうけど、ドコモのサイトで情報探しても
見当たらなかったし、ググってもなかなか原因が特定できませんでした。

っというか、.htaccessいじらないとダメだなんて・・・

あとは、文字の色の指定をdivタグにつけてもだめで、テキストは全部spanで囲まないとダメな感じ。

それと、使用できるタグ一覧がドコモのサイトにあるのですが、
http://www.nttdocomo.co.jp/service/imode/make/content/xhtml/chart/index.html
これによると、div要素に背景色を指定できないように見えるんですが、できました。
もしかしたら、背景画像もいけるのかな?試してませんけど。

もうちょっとわかりやすくしていただけるとうれしいなぁ、、、
CSSが全部インラインなんて、CSSの意味がないし、無駄にページのファイルサイズが増えてしまうし・・・。