ドコモのXHTMLとi-CSSについて

質問

http://i4.tinmachine.co.jp/gainax/free/index.html?uid=NULLGWDOCOMO
↑上記のサイト（PCからだとアクセス不可）の様に、背景色を何色も指定して、その上にメニューバー（IMG画像）を重ねて乗せて表示したいのですが、どう足掻いても上手く出来ません。
PCサイト用でのCSSでは出来たのですが、もちろんそのまま携帯で見ようとしても無駄でした。
ドコモのHPを見ましたがわかりませんでした。
またこのメニューバーのように、見る携帯により勝手にサイズ変更をしてくれるタグ等あるのでしょうか？
どうぞよろしくお願いします。

回答No.1

huri · ベストアンサー

ご指定のサイトを見ますと、HTML上で背景色を指定し、背景色の切り替え部分にメニューバー（IMG画像）を重ねているように見えますが、
実際には画像自体に背景色が埋め込まれております。

また、i-XHTMLの場合は、CSSがインラインにしか対応していない為、
下記のように記述して頂ければ良いかと思います。

------------------------------------

<div style="background-color:#FF0000">ここに文字を入れる</div>

<div><img src="背景色を埋め込んだメニューバーの画像" /></div>

<div style="background-color:#00FF00">ここに文字を入れる</div>

------------------------------------
※カラーコードは、画像に背景色を埋め込んだものに合わせて。
※DOCTYPE宣言等、詳細は参考URLで確認して下さい。

また、

>見る携帯により勝手にサイズ変更をしてくれるタグ等あるのでしょうか？

ですが、参考URLで確認すると、画像自動縮小処理があるみたいなので、
メニューバーようなものに関しては、特に問題無いかと思いますが、
基本的に画像のサイズや容量を、見る携帯によって変更する為には、
プログラムで携帯端末を判別して画像を表示させる以外には無いかと思います。

参考URL：

http://www.nttdocomo.co.jp/p_s/imode/xhtml/

お礼

ご回答ありがとうございました！大変参考になりました、助かりました！！