02/21: iモードのxhtml
Category: PC・WEB関連
Posted by: komiya
昨日、仕事で、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の意味がないし、無駄にページのファイルサイズが増えてしまうし・・・。
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の意味がないし、無駄にページのファイルサイズが増えてしまうし・・・。

