• ベストアンサー

携帯用ＨＰの作成で

初めて書き込みさせていただきます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

注目のQ&A

カテゴリ

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

専門家に質問してみよう

職業から探して質問する
質問する