docomoのXHTMLにはまった

docomoのブラウザはどうも、XHTMLする際に、
いろいろ制約があるようで、
簡単にいくかと思いきや、いろいろ苦労したので、
今後のためにメモ。


docomoでCSSが効かない
とりあえず、普通につくったら、一切CSSが
効かなかった。
docutypeのせいかと思って、いろいろ変えてみたが解決されず。
docutypeはあまり関係ないっぽい。
MIMEタイプが
<meta http-equiv="ContentType" Content="application/xhtml+xml">
じゃなきゃダメらしい。
同時に、サーバー側でもHTTPヘッダでContent-Type: application/xhtml+xmlを吐かないといけないらしい。
ググッたら、
拡張子は、.xhtmlでとか書いてあったので、
しょうがなく、htaccessに下記の行を追加。

AddType application/xhtml+xml .php

テストサーバー上ではOKだったものの、
本番サーバーではhtaccessが使えない状況だったため、
<?php
header('Content-Type: application/xhtml+xml; charset=Shift_JIS');
echo '<?xml version="1.0" encoding="Shift_JIS"?>'."\n"
?>
を頭に入れたら、ちゃんとCSSが効きました。
はまった。。
softbankとauは比較的素直でした。

auでプルダウンが折り返す
auでも問題が。
これはあっさり解決したのですが、
プルダウンの前にCSSでsmallなどfont-sizeを指定していると
起こる模様。フォントサイズに合わせてプルダウンの幅が決まるけど、
中のフォントがそれに対応できていないっぽい。
<select></select>を<span style="font-size:medium">
で囲んであげれば大丈夫でした。

モバイルサイトは検証が大変です。