モバイルサイトで背景色などが出てこない

このQ&Aのポイント
  • モバイルサイトで背景色などが表示されない問題が発生しています。
  • 参考にしているサンプルサイトでは問題なく表示されているが、自分のサイトでは表示されていない。
  • 同じソースコードを利用しているが、モバイル機種によって表示が異なる可能性がある。
回答を見る
  • ベストアンサー

モバイルサイトで背景色などが出てこない

モバイルサイト勉強中の初心者です。 一般的なPCでのサイト制作はできます。 勉強のためこちら http://allabout.co.jp/internet/hpcreate/closeup/CU20090602A/ を参考にしていますが、サンプルサイト http://mc.rumic.org/index.html こちらのソースをコピーして(文字コードはShift_JIS) そこをドコモのF700iで見たところ、添付画像のようになります。 背景色がでていないのはもちろん、CSSの記述も見えています。 しかし参考にしているサンプルサイトは問題なくF700iで見えています。 また、auのW53Tで見たところ、問題なく表示されています。 同じソースでShift_JISなのですが…なにかやり方がおかしいのでしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
noname#100277
noname#100277
回答No.1

DoCoMoではlink以外全て「直接記述」でないと反映しません。 背景色はbodyの事ですよね? ならば body style="background-color: #******;" と直接記述で反映します。 又、確実に動作させる為に拡張子は「html」では無く「xhtml」にしましょう。 (携帯電話専用ならば・・・)

chikotto
質問者

補足

いいえ、背景色はのせているサンプルサイトのように、 <div style="display:-wap-marquee; background-color:#cc0000; color:white;"> ケータイで読む数コマまんが! </div> のものです。bodyではありません。 またサンプルサイトでは「html」ですがドコモで見えています。 これはどういうことでしょうか?

関連するQ&A

  • RSSアイコンをクリックで複数のRSSリーダーを表示させたい

    ■表示希望デザイン参考サイト■ 【All About】 http://allabout.co.jp/internet/hpcreate/closeup/CU20051111A/ 上記サイトのようにRSSアイコンをクリックすると複数社のRSSリーダーが表示されワンクリックで購読できるようにしたいのですがこの様にするにはどうすればいいのでしょうか? HTMLやスクリプトの書き方、参考になるサイト、ツールやソフト(無料希望)等をご存知でしたら教えて頂けないでしょうか 宜しくお願い致します

  • JavaScriptで著作権の年表示

    http://allabout.co.jp/internet/hpcreate/closeup/CU20061101A/index2.htm このページを参考に著作権の年をJavaScriptで表示させたところ、 FireFoxに限り画面が真っ白になって左上に「2008」とだけ表示されてしまいます。 ブラウザの戻るボタンを押すとちゃんと表示されるのですが、 この現象の原因と修正方法がわかる方教えていただけないでしょうか。 よろしくお願いいたします。

  • ランダムに画像を表示

    http://allabout.co.jp/computer/hpcreate/closeup/CU20030721A/index2.htm ↑ここのソースを使ってみたのですが、 画像のところに「×」がでて画像が表示されません。 パスはちゃんと指定してるんですが・・・。 なぜでしょうか?

    • ベストアンサー
    • HTML
  • HTMLでスペースを入れる

    http://allabout.co.jp/internet/hpcreate/closeup/CU20060922A/ 新着順               一覧 という記述をしたいとき、どういう方法がHTML的にきれいでしょうか? 上記サイトのようにスペース文字をいれるか、テーブルで組むか、スパンでいれるか、DIVで入れるか。 SEOも多少考慮して、どのように記述すればよいと思いますか? ※WEBデザイン業している方はどんなふうに記述するのか、あわよくばお聞きしたいです。

  • CSSで、フレームを使ったようなメニューを作りたいのですが

    HP作り初心者です。ただいま、CSSを使用してのHP作りに挑戦中です。 フレームを使ったHPでよく見るような、画面左側にメニュー、右側に本文という構成にしたいと思っています。 下記「All About」記事を参考に作ってはみたものの、 本文が長いのでスクロールするとメニュー部分が見えなくなってしまいます。 メニュー部分が常に画面上に表示されるように固定したいのですが、どうすればよいのでしょうか。 ご教授よろしくお願いします。 使用ソフト:TeraPadで直打ち。 確認ブラウザ:FireFox3.0.13とIE8.0。 CSS:外部ファイル。A.cssにページレイアウト、B.cssにメニュー部分の情報(文字サイズやリンク関連の装飾など)記載。 メニュー:ulとolタグ使用。 All About・CSSで段組構成 段の背景色が切れないようにする(前) ⇒http://allabout.co.jp/internet/hpcreate/closeup/CU20050328A/ All About・CSSで段組構成 段の背景色が切れないようにする(後) ⇒http://allabout.co.jp/internet/hpcreate/closeup/CU20050401A/ All About・CSSで段組構成 隣の段が下に回りこむのを防ぐ ⇒http://allabout.co.jp/internet/hpcreate/closeup/CU20050307A/

  • CGIについて

    お忙しいところ、申し訳ないのですがお力をお貸し下さい。ホームページの「Copyright」を自動的に更新できるようにしたいと思い、色々と探しました。「オールアバウト」に説明してある記事【 http://allabout.co.jp/internet/hpcreate/closeup/CU20061101A/index3.htm 】があり、なんとか自力でと試したのですが、書いてある方法がよく理解できません。 初心者でも、実行できるように教えて頂けないでしょうか?宜しくお願いします。

  • マージンのマイナスのバグ

    http://allabout.co.jp/internet/hpcreate/closeup/CU20060427A/index2.htmでマージンのマイナスをつかったボックスの作り方が載っていますが、エクスプローラーでこの部分をそのまま使ってもボックスのラベルの上の部分が表示されません。FIREFOXではちゃんと表示されているようですが、エクスプローラーでなんとか表示させることはできないでしょうか?

  • はじめまして。

    はじめまして。 よろしくお願いします^^ 質問なのですが、 http://allabout.co.jp/internet/hpcreate/closeup/CU20050228A/ ここにある画像の「E本文」のところだけを、例えば掲示板など表示させたり、チャットなどを表示 させたりしたいのですが、どうやってやるのでしょうか? 本文の場所以外は常に表示させて、E本文の位置だけを違うページに変えたいんです。 わかる方いましたら、教えてくださいおねがいします><

    • 締切済み
    • CSS
  • jQuery タブメニューへのダイレクトリンクの仕方を教えてください。

    jQuery UI タブ http://allabout.co.jp/internet/javascript/closeup/CU20071220A/index2.htm を参考にタブメニューを制作しているのですが、 同ページ及び、他ページから各タブメニューへ ダイレクトにリンクすることはできるのでしょうか。 ただ、ここで http://allabout.co.jp/internet/javascript/closeup/CU20071220A/index2.htm#tab2-3 とリンク先を指定すると「ソース」というところに ダイレクトにリンクするのですが、 ボタン等で指定するとうまくリンクしません。。。。。 方法があれば教えてください。 よろしくお願いします。

  • 1行で左寄せと右寄せと中央揃えというのはできますでしょうか?

    お世話になります。タイトルのとおりCSS等を駆使して 1行で左寄せと右寄せと中央揃えというのはできますでしょうか? 左寄せと右寄せは下記のアドレスのとおりにして出来たのですが、 中央もいれるとずれてしまいます。 http://allabout.co.jp/internet/hpcreate/closeup/CU20060209A/index.htm よろしくお願い致します。

    • ベストアンサー
    • HTML