携帯サイトのCSSについて

2008 年 6 月 10 日 by nissy

PC上でウェブサイトを制作する際の悩みの種の1つといえば、ブラウザの特性によるスタイルシート(CSS)の仕様の違いではないでしょうか?
携帯に関してもそれは例外ではなく、キャリア(DoCoMo、au、SoftBank など)によって使用できる属性や記載の仕方に違いがある、いわゆる「機種依存問題」に頭を悩まします。

特にDoCoMoに関していえば…

1.外部CSSの読み込み
例)<link rel=”stylesheet” type=”text/css” href=”xx.css” />

2.ヘッダ部分へのCSSの記述
例)<style type=”text/css”>xxx</style>

に対応できていないという事です。
※一部例外としてリンク色などは指定できるようです。

DoCoMoで文字バックに背景色をつけたい場合には、
table(td)タグを用いたりdivタグを用い、styleでインライン指定を行う必要があります。
例)<div style=”background-color:#000000;”>xxx</div>

au・SoftBankは、外部スタイルシート、ヘッダ部分への記述にも対応しているという事です。
DoCoMoが他キャリアのような対応を行ってくれないと、PCのウェブサイト制作で感じているような
一括でのスタイルの変更するなどの制作上のメリットがあまり感じられない気がします。
修正するページ数が多ければ多いほど、苦痛をしいられそうです。

以上。

タグ:

TrackBack