サーバーがAppacheであれば.htaccessを利用してhtmlのcontent-typeをapplication/xhtml+xml .htmlにしてやります。
AddType application/xhtml+xml .html
これでとりあえずスタイルは適用できる状態になりますが、docomoの古い機種は行間の調整はかなり厳しいです。
というのも、line-heightは使えませんし、marginはimg要素にしか使えません。
ちょっと間違っているかもしれませんが、古い機種(多分iモードブラウザ1.0)で使えるプロパティと要素の一覧です。
background-image : body
background-color : body, div, table, td, th, tr
color : body, color, div, span
border-color : td, th, tr
font-size : body, color, div, span
text-align : div, hn, p, td, th, tr
margin-left : img
margin-right : img
margin-top : img
margin-bottom : img
width : td, th, tr
height : td, th, tr
vertical-align : img
float : img, hr
clear : blockquote, div, dl, form, hn, hr, ol, p, pre, ul
list-style-type : ol, ul, li
-wap-input-format : input, textarea
-wap-marquee-style : div, span
-wap-marquee-dir : div, span
-wap-marquee-loop : div, span
フォントサイズに関してもかなり厳しいと思います。私のやってた感じだと、3キャリア統一の時は毎回以下のようなタグを書いていました。今ではこれでは無理かもしれません。font要素のsize属性で大きさを調整します。style属性も毎回指定しなければ統一が取れなかったような・・・
<div style="font-size:small"><font size="1">テキスト</font></div>
正直、PCサイトのHTMLをドコモ携帯に読ませたい場合はCSSを完全に切る方が無難です。外部CSSで@media handheldでも使って携帯用のスタイルを書いておけば、その他のブラウザでそこそこ表示できる機種のみにスタイル指定を絞ることができます。
2.はキャッシュオーバーじゃないでしょうか。
http://ke-tai.org/moblist/
お礼
早速のご回答、ありがとうございます。 docomoの公式HPでi-modo HTMLの使用可能タグをチェックしたのですが、御指摘のとおり、行間やmarginは無効となるようですね。 シミュレーターIIでも2009年5月以前モードだと、「styleは無効です」と表示されます。 書式についてはHTMLではこれ以上どうにもならないようなので、XHTMLで再編集して、もう一度試してみます。 それでも駄目だったら、docomoでの表示は諦めます……。 あと、2.の表示が途切れる件ですが、キャッシュオーバーはファイル容量を小さくすれば回避できると考えれば良いですか? 現時点では、(報告される人によって数値の多少の上下はあるのですが)、22Kb程度のファイルまでは特に問題なく閲覧できているようですから、これを目安にすれば良いのでしょうか。 よろしければ、追加で教えていただけると嬉しいです。