下記のタグを見てください。


<div style="background-color:#ff9933;">

<div style="background-color:#ffcc00; font-size:xx-small">あいうえお</div>

<div style="background-color:#ffcc66; font-size:xx-small">かきくけこ</div>

<div style="background-color:#ffcc99; font-size:xx-small">さしすせそ<div>

<div style="background-color:#ffffff; font-size:xx-small">たちつてと</div>

上記は【あいうえお】~【たちつてと】まで一行ごとに背景色が変わります。
PCでアクセスすると正常に見れるのですが、携帯から見ると背景色は真っ白のままで、文字だけが正常に表示されます。
携帯からアクセスしてもPC同様背景色が正常に表示されるように上記タグを改良してください。
よろしくお願い致します。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2007/03/26 01:38:29
  • 終了:2007/04/02 01:40:04

回答(2件)

id:from_kyushu No.1

from_kyushu回答回数50ベストアンサー獲得回数42007/03/26 02:21:44

ポイント35pt

携帯ブラウザはCSSに未対応なのがほとんどなので、CSSによる修飾ができません。

テーブルタグで似たようなことができるので、とりあえずやってみました。

ただ、divでやると行全体(<div>~</div>で指定された範囲)に背景がかかるのに対し、Tableでは文字のある範囲でしか背景がかかりません。

これがお好みの動作でなければポイントはいりません。

フォントサイズはブラウザのデフォルトフォントサイズに依存しますので、お好みで<font size="好みの大きさ">~</font>を指定してください。

<table>

<tr><td bgcolor="#ffcc00">あいうえお</td></tr>

<tr><td bgcolor="#ffcc66">かきくけこ</td></tr>

<tr><td bgcolor="#ffcc99">さしすせそ</td></tr>

<tr><td bgcolor="#ffffff">たちつてと</td></tr>

</table>

[URL] <TABLE> - HTMLタグリファレンス

http://www.htmq.com/html/table.shtml

[URL] font-size - スタイルシートリファレンス

http://www.htmq.com/style/font-size.shtml

id:u1p No.2

u1ρ回答回数455ベストアンサー獲得回数62007/03/26 02:29:37

ポイント35pt

http://dspt.blog59.fc2.com/blog-entry-21.html

お気づきのように、携帯ではCSSでの表現は限られますから、ここはTDやTHなど、テーブルのタグを使ってその背景色を指定すればよいでしょう。

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません