ＨＰレンタルサイトのフッターの位置調整について

質問

http://shinsama1980.web.fc2.com/hyakuhoh-data4.htm

このＨＰのフッターに「Powered by FC2ホームページ」という文字でレンタルサイトへのリンクがあるのですが、
このサイトをスマホで見た時のフッターが中央から左の位置にズレてしまいます。
（フッターは中央寄せの設定）
これをスマホで見た時でも中央寄せで表示するには、どうすれば良いのでしょうか？

Ｐ．Ｓ
当方はＨＴＭＬ、ＣＳＳについては初心者ですので、
回答される方はＨＴＭＬやＣＳＳをなるべく具体的に書いていただけると幸いです。

何卒宜しくお願い致します。

回答No.1

AsarKingChang · ベストアンサー

#fc2_footerがそもそも存在してないので、
hyakuhoh-data4.htm:504行目の
@media screen and (max-width: 480px)
.width {　←この位置か、
width: 1000px;
←この位置に入れてしまう
}
例えば、
.width,#fc2_footer {
にするなど。

または、
div#fc2_footerのダイレクトスタイルのwidth指定を削除して
class="width"を入れることで、上にあるフィールドと同じ幅を設定してしまうか？

どちらかで、治りますが、
そもそも、横480pxで表示できるコンテンツになってない気はするので、
治すなら、そっち側からの方がよさそうですが。
そこは、要件外なので、触れないでおきます。

という事で上のやり方どちらかで行けますよ。

回答No.2

retorofan

その上部の「ネットレデータページへ」が中央配置になっているのだから、その仲間に「Powered by FC2ホームページ」を入れてあげればよいのです。

[変更前]
<p align="center"><a href="netrace-data.htm">
<font
color="#0000FF" face="ＭＳ Ｐ明朝"><span class="style402">ネットレデータページへ</span></font></a></p>
<script type="text/javascript"><!--
var fc2footerparam = 'charset=' + encodeURIComponent(document.charset ? document.charset : document.characterSet) + '&url=' + encodeURIComponent(document.location) + '&service=0&r=' + Math.floor(Math.random()*99999999999);
var fc2footertag = '<' + 'script src="//vip.chps-api.fc2.com/apis/footer/?' + fc2footerparam + '" charset="UTF-8"><' + '/script>';
document.write(fc2footertag);
//--></script>
<!-- FC2, inc.-->
<img src="//media.fc2.com/counter_img.php?id=50" style="visibility:hidden" alt="inserted by FC2 system" width="0" height="0">
<!-- FC2, inc.-->
</body></p></div>
</html>

[変更後]
<p align="center"><a href="netrace-data.htm">
<font
color="#0000FF" face="ＭＳ Ｐ明朝"><span class="style402">ネットレデータページへ</span></font></a>
<div>
<script type="text/javascript"><!--
var fc2footerparam = 'charset=' + encodeURIComponent(document.charset ? document.charset : document.characterSet) + '&url=' + encodeURIComponent(document.location) + '&service=0&r=' + Math.floor(Math.random()*99999999999);
var fc2footertag = '<' + 'script src="//vip.chps-api.fc2.com/apis/footer/?' + fc2footerparam + '" charset="UTF-8"><' + '/script>';
document.write(fc2footertag);
//--></script>
</div>
</p>

<!-- FC2, inc.--><!-- ＦＣ側がアクセスログを取っている -->
<img src="//media.fc2.com/counter_img.php?id=50" style="visibility:hidden" alt="inserted by FC2 system" width="0" height="0">
<!-- FC2, inc.-->

</body>
</html>

お礼

返信が遅くなり申し訳ありません。

「Powered by FC2ホームページ」の文言は私が入力しているわけではなく、
FFFTPでアップロードすることで自動生成されるため私の方で編集できない部分です。

しばらく多忙につき返答ができなくなると思われるため、
誠に勝手ではありますが、一旦返答の受付を締め切らさせていただきますので、
悪しからずご了承願います。