携帯サイト制作について

質問

今携帯サイトを作っているのですが、思い通りにいかずに悩んでいます。
主にドコモのcssの弱さなんですが。

まず、h1やh2などのタイトルは勝手に文字が大きくなるので文字サイズを指定したいのですが
ドコモではh○に対してfont-sizeは効かないし、<font>タグの指定も効きません。
<div>にfont-sizeを入れてh○を囲んでも効きません。
h1の中にdivを入れるというとんでもない文法違反をすれば効くようなのですが、
さすがにこれはどうかと思いますし…。
今のところ外部cssにh○に対するスタイルを記述してドコモは諦める、というような案しか思い浮かばないのですが、
何かいい解決策はないものでしょうか？
ちなみに見出しのマークアップをしないという方法は、サイトの構成上不可能です。

もう一つ、携帯サイトは極力隙間を詰めて作るべきと本に書いてあるのですが、
いくらなんでも詰まりすぎと思う部分は少し隙間を開けたいです。
しかし、ドコモはmarginはimgタグにしか入れられないようですし、paddingは全く対応していないようです。
こういう場合はspacer.gifなどを使うしかないのでしょうか？

よろしくお願いします。

回答No.1

abril · ベストアンサー

下記のブログによるとつい最近発表された「ドコモの新端末（iモードブラウザ2.0端末）」からはCSS対応が改善されてきたらしいですね。
http://ke-tai.org/blog/2009/05/20/docomocssrenew/

この新機種が汎用機になれば今後のご苦労は減るでしょうが、しばらくは現在出回っている機種の不具合の対応を考えなければなりませんよね。
携帯をターゲットとしたコンテンツの作成経験が少なく最近の機種の情報にも正直疎い（故に本件については一般人とさせて頂きます）のでお役に立てないと思いますが、以下は単純に検索して拾った情報とCSS/HTMLの点から見て思った事です。

> ドコモではh○に対してfont-sizeは効かないし、

下記のコンテンツによると、iモード対応XHTML1.1以降であれば「hnのnの値でサイズ変更可能」とある様ですが…？
http://blog.ville.jp/2008/06/04/99

> h1の中にdivを入れるというとんでもない文法違反をすれば効くようなのですが、

ではインライン要素のspanでもだめですか？もしspanが効くなら文法違反にはならないので折り合いを付けられるかと。

> ドコモはmarginはimgタグにしか入れられないようですし、paddingは全く対応していないようです。

borderプロパティも…使えないんですよね？これが使えればborder-bottomで間が空いている様に見せる事も可能なんですが。

ちなみに、先述のコンテンツの最下部には「参考資料」というのがあってそこに色々お役立ちサイトのURLがまとめられています。
この中に参考になるものがあるかも…

お礼

回答ありがとうございました。
何故かspanにfont-sizeが使えないと思い込んでいたんですが、
やってみると問題なく使えましたので、アドバイスいただいた方法でhnは解決しました。

borderはhrとtableにしか使えなかったので、使えませんでした。
携帯サイトは制約が多く難しいですね。

回答No.2

abril

No.1です。

”「hnのnの値でサイズ変更可能」と”のところ、今読み直したら勘違いしてますね…（汗）
font-sizeが変えられるという事ではなく単にh(n)の各レベルで大きさの差が出る様になった、という意味ですねこれは。
早とちり、失礼しました。お許し下さい。