• ベストアンサー

携帯用ＨＰの作成で

初めて書き込みさせていただきますmayoikと申します。 HTMLエディタを使って携帯用サイトを作成したのですが 完成したサイトを確認したところ PC上では自分の構想通りに表示されているのですが 自分の携帯電話（ドコモSH901-ic）からアクセスしてみたところ 一カ所だけタグ通りに表示されていない部分がありまして 色々と試してみたのですが一向に解決策が見いだせません・・・ 問題の内容は <center>タグで中央寄せしたコンテンツの一覧が 一番上のものだけ左寄せになったままでどうしても中央に寄せられないのです。 つまり・・・ コンテンツA □□□□コンテンツB □□□□コンテンツC □□□□コンテンツD （□は空白と考えてください） ↑のような状態です・・・ 私の記述ミスでしょうか？ それともi-modeの制約なのでしょうか？ どうかお分かりになる方、ご回答のほど、よろしくお願いします（汗）

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

  • ベストアンサー
  • gura_
  • ベストアンサー率44% (749/1683)
回答No.4

　#2です。 >今度は・・・という状態なのです（汗） 　変ですね。i-modeの制約ではなく、別の何かのバグのように思われます。 　ちなみに、下記ページの一行目の「NHKニュース」や「NHK九州地震情報」が中央になっていなければ、携帯電話（SH901-ic）のバクの可能性が大だと思います。 http://k.nhk.jp/knews/ http://k.nhk.jp/ktokusetsu/kyusyu/ 　うまく表示されるようでしたら、タグ編集のヒントにされたらいかがでしょう。

その他の回答 (3)

回答No.3

No2さんが回答済みですが、 <center>は、i-modeの全機種で対応していますよ。 ためしに、 <HTML> <HEAD><TITLE>テスト</TITLE></HEAD> <BODY> <CENTER> コンテンツA<BR> コンテンツB<BR> コンテンツC<BR> </CENTER> </BODY> </HTML> とだけ入力して表示テストされてみてはどうでしょうか。

mayoik
質問者

お礼

ご回答ありがとうございます。 その記述ですと、確かに中央寄せで表示されます。 これを参考にとりあえず記述を必要最小限に簡略化した上で 色々試していて、ある傾向が分かりました。 そのページ内で一番上にある「リンクタグがかかった文字」が <center></center>でかこっていても絶対に左詰めになるようです。 試しに コンテンツA コンテンツB コンテンツC コンテンツD それぞれのリンクタグを消してただの文字にすると 携帯で見ても正常に中央寄せで表示されていて その下の「質問・連絡BBS」（つまりページ内で一番上にあるリンク）が左詰めになっていました。 つまり↓の様な状態です。 □□□　▼MENU▼ □□□コンテンツA（←テキスト） □□□コンテンツB（←テキスト） □□□コンテンツC（←テキスト） □□□コンテンツD（←テキスト） □□□▼各お問い合わせ▼ 質問・連絡BBS（←リンク） □□□管理人にメール（←リンク） 実際に携帯で見ていただけれる方は↓です・・・ （PC上では正常に中央寄せで表示されます） http://mayoineko.client.jp/mobile/tes3.htm しかし、何故この様な状態になるのか、全く見当がつきません； 私の携帯（ドコモSH901-ic）や、それともi-modeの仕様か何かなのでしょうか？ はたまたレンタルサーバの仕様でしょうか・・・

  • gura_
  • ベストアンサー率44% (749/1683)
回答No.2

問題のタグが次のようになっていれば、お好みの中央寄せになる筈ですが。 　<center>コンテンツA<br>コンテンツB<br><br>コンテンツC<br>コンテンツD</center> 　「コンテンツA 」の右に空白など不要な文字等が入っていないでしょうか。 　タグを再確認されたり、最小限のタグを入れて打ち直し、良ければ順次タグを追加して確認してみたら良いと思います。 　参考サイト等↓ http://www.nttdocomo.co.jp/p_s/imode/tag/center.html http://k.nhk.jp/

mayoik
質問者

お礼

丁寧なご回答痛み入ります。 ご指摘の通り、ＰＣならば <center>コンテンツA<br>コンテンツB<br><br>コンテンツC<br>コンテンツD</center> で中央寄せになるのですが、何故かその記述ですと携帯からアクセスすると コンテンツA □□□□コンテンツB □□□□コンテンツC どころか コンテンツA コンテンツB コンテンツC の様に普通に左詰めの状態で表示されまして・・・ そこで <center>コンテンツA</center> <center>コンテンツB</center> <center>コンテンツC</center> の様に一つずつ<center>タグで囲んでみたのですが 今度は一番上のコンテンツ（つまりＡ）だけ中央に寄らないという状態なのです（汗）

  • nwohira
  • ベストアンサー率33% (1/3)
回答No.1

「最新の質問」から見たので、ソースが離れていて分かりにくかったのですが、 ▼ M E N U ▼の下にある<div>が気になります。 </div>が見当たりませんが、必要なのでしょうか？ これで解決につながるかどうかまでは自信ありません。参考程度で聞いてください。

mayoik
質問者

お礼

早速のご回答本当にありがとうございます。 ご指摘のあった箇所についてもう一度記述を見直してみて 試しに<div>を記述から外してみたりもしたのですが やはりPC上ではきちんと中央寄せで表示されているにもかかわらず 携帯では症状が改善しませんでした；；

  1. カテゴリ
  2. パソコン・スマートフォン
  3. ソフトウェア
  4. ホームページ作成ソフト

関連するQ&A

  • 携帯ブログの投稿画像の中央寄せ表示方法？

    携帯ブログの投稿画像の中央寄せ表示方法？ アメーバやココログ(nifty)の携帯ブログにおいて、画像をアップロードした時、必ず画像は左寄せになってしまいます！ でも、他人の同一ブログで画像が中央寄せで表示されるものを時々見かけます！ どうしたら、画像が中央寄せ表示に出来るのか、教えて下さい！ よろしくお願いします！

  • 文字の左寄せセンター表示

    文字の左寄せセンター表示 文字の左寄せセンター表示させたいのですが、左寄せはできましたがセンター寄せができません。普通に左寄せに使用したタグをセンター寄せタグを追加すればよいのでしょうか？ よろしくお願いします。

    • ベストアンサー
    • HTML
  • 携帯でも見ることのできるホームページの作成

    ホームページをつくってみたのですが、携帯で見るとうまく表示できません。CSSで「余白」とかを指定しているセイだと思われます。 携帯で表示させるときにはCSSを無視するとか、そういう便利なタグ？機能？はないものでしょうか？ とくに携帯でかっこよく見せようとかではなく、専用のページじゃなくて、携帯でも見れるサイトにしたいなと思った訳です。 なお、当方が使っているソフトは下記エディターです。 http://www.hosiken.com/software/windows/hetecre/

  • Firefoxでサイトの中央寄せをしない設定（スタイルシート？）

    文字のサイトを見ているとき、centerタグで固定されてしまい、非常に読みにくいときがあります。 Firfoxを使用しているのですが、ユーザースタイルシートなどを使って、このcenterタグのみを無効にするような設定は可能でしょうか。 また異なる方法でもかまいませんので中央寄せになっている文章を左寄せにして読む方法があれば教えていただければありがたいです。 現在までにユーザースタイルシートを編集した経験はありません。

  • 文章が読みやすいのは？

    文章を書く時に、左寄せ・中央寄せ（？）・右寄せとありますよね？ 文章の書き方もサイトを作る側の好みもあるとは思うのですが、来ていただく方に読みやすいページを作りたいのです。 そこでご意見をお聞かせ頂きたいのですが、 左と中央に寄せて書くのでは、どちらが読みやすいのでしょうか？ または、どちらが読みやすいと思いますか？ 宜しくお願い致します。

    • ベストアンサー
    • CSS
  • 携帯サイトの作成

    携帯サイトを作りたいのですが、PCから閲覧するときも、携帯から見たときのディスプレイ幅で表示させたいのです。 時々携帯サイトをPC上で見たとき、そのように表示されてるものを見ますが、あれは<table>タグなのでしょうか？ <table>タグならば、幅は何ピクセルに固定しているかわかる方いらっしゃいましたら教えてください。

    • ベストアンサー
    • HTML
  • html 中央寄せ。

    ホームページを作っています。 今、左寄せになっています。 それを中央寄せにしたいのです。 一発(1.2フレーズ)でできる方法を知りませんか? サイトURLを教えてください。 御多忙中恐縮です。 ご回答のほど、宜しくお願い申し上げます。

    • ベストアンサー
    • HTML
  • サイトを左寄りにする理由

    サイトのデザインを左寄りにしてる理由はなんでしょうか？ 例えば、 http://www.ichiban-kalbi.jp/h/ http://www.teng.co.jp/tenpo/washoku/ http://www.wasyokuken.com/ のサイトは、なぜ中央寄せではなく左寄せなのでしょうか？

    • 締切済み
    • CSS
  • ｈｐ作成について

    こんにちは。 前々からＨＰ作成に興味があり、 受験がひと段落し作業に取り掛かっている者です。 テンプレート等に頼らず手打ちで作ろうとしているですが… やはり壁にぶち当たり質問させていただきます。 ちなみに私自身はｈｔｍｌやｃｓｓのマニュアルやｈｐを見て勉強はしていて どういうものかは一応わかっているがまだまだ初心者、という状況です。 ●疑問１ ｆｃ２でスペースをかり、ｈｔｍｌprogect2(以下テキストエディタ) でタグを打って作っているのですが、 テキストエディタやｆｃ２内のプレビューと実際のｈｐの様子が違うのです。 普通に<ｐ>や<br>を使っているだけなのに どうしてかプレビューどおりになってくれません。(ページが凄く乱れている) …どうやらｃｓｓなしの状態だと乱れずに表示されるのですが……。 ●疑問２ テキストエディタ内では外部cssを適用するタグを記述していても プレビュー内では装飾されないものなのでしょうか？ 正直とてもやりにくいです…。 ●疑問３ ファイルをアップロードしてもすぐにはｈｐには反映されないのですか？ ほんとわからず屋ですみません。 勉強不足なのは承知ですがだからこそ皆さんの知恵をかしてください。

    • ベストアンサー
    • HTML
  • yahooの検索が変です。。

    yahooの検索ウェブだけ　中央寄せになります 知恵袋などは左寄せなのに。。。 ブラウザはOPERAですがIEでも同じ現象です　 再起動してもダメでした。 グーグルは通常通り左寄せでした 寝ている間に枕でキーボードを踏んでいたのでそれが原因だと思ってるんですが誰か分かる方いるでしょうか。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する