携帯HPナノ ナノという文字について

携帯ホームページナノさんでホームページを作成しています。
検索しても見つけられなかったので、質問させてください。

アルバム機能を使ってイラストを掲載しているのですが、画像画面で「ナノ」という文字がイラストにかぶってしまっています。

サイトはPC•スマホ向けに作成していて、CSSを使用しています。

かぶってしまうのはPCから見た場合です。
スマホから確認すると、ちゃんとページの一番下に「ナノ」と表示されます。

◼︎画像画面レイアウトの内容

<div style="text-align:right" align="right" >
<center>#title#<br><a href="子ページ"><img src="#img_url#"border="0"/></a>
<br>
#text#<br>
<BR>
<BR>
新←　→古<BR>
#prev_next_next#　#next_prev_prev#</center><br>
<BR>
<right>>><a href="子ページ">Original</a></right><BR><BR>
<BR>
</div>

◼︎イラストの大きさ
600*800（端末によって大きさを自動で最適化する文章をCSSに組み込んであります）

どうかよろしくお願いします。

No.1 ベストアンサー 回答者： ORUKA1951 回答日時： 2014/06/13 20:00

手がつけられない・・

Another HTML Lint - Gateway( http://www.htmllint.net/html-lint/htmllint.html )
でチェックすれば分かります。
あまりに酷すぎてスタイルシートではどうしようもない。
<center><BR><right>なんてないし。
　そもそもHTMLでページを作るのは【ただひとつ】
＿＿＿＿＿＿＿＿＿＿＿＿＿＿ここから
HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで
( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )

『CSSスタイルシートを意図した通りに機能させるには、正しい文書解析木が必要です。つまり、正当なHTMLを用いるべきです。.( http://jigsaw.w3.org/css-validator/#validate_by_ … )』
　なのです。
　

この回答へのお礼

回答ありがとうございます！

私の勉強不足です。申し訳ありません。
HTMLの文章解析ができるものがあるんですね、知りませんでした…。

基礎も知らずに、テンプレートをいじったり、タグ等を切り貼りしたのでうまく表示されないのは当然でした。
質問する前に、ちゃんと勉強するべきでした。
沢山のご指摘ありがとうございました！サイト作り頑張ります！

お礼日時：2014/06/13 21:41