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">
で囲んであげれば大丈夫でした。

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

date:2008年06月25日 01:36 | TRACKBACK (2)

Trackback

» 【mobile site】3キャリア共通XHTMLでコーディングしてみた from Wordpress Plugins Memo
簡単なモバイルサイトを、3キャリア共通のXHTMLファイルで作成した際、ドコモのCSSにハマりました。。。au、softbankはOKなのに、docomo...

» docomoでスタイルシートが効かない from trace('answer');
後輩がはまっていたので一緒に解決。 普段は頂いたソースにそのままプログラムを組み込むことで特に問題なく作業は終わるのですが、 今回は何故かdocomo端末...