人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

<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同様背景色が正常に表示されるように上記タグを改良してください。
よろしくお願い致します。

●質問者: happy778
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:pc あいうえお けが さしすせそ アクセス
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● from_kyushu
●35ポイント

携帯ブラウザは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


2 ● u1ρ
●35ポイント

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

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ