PC閲覧時のみ、フッター内のテキストが右にずれてしまう

[ささかま]

こんばんは、初めまして。

小説を展示する目的でこちらのテンプレートをダウンロードし、細部のカスタマイズをしているのですが、不明点がありましたため書き込みをさせていただきます。

現在、レンタルサーバ上の追加CSSに適宜タグ打ちする形でカスタマイズをしているのですが、PC閲覧時にのみ、フッター部分にあるテキスト(コピーライト表記)が中央よりもかなり右にずれてしまいます。

.copyright {

text-align: center;

}

こちらの記述を行うことで、タブレットやスマホでの閲覧時にはフッター内テキストが中央寄せになることを確認しています。

他にも色々カスタマイズしているため、それらが干渉しているのかもしれないと思い上記記述以外をすべて消してみたのですが、現象は解消されず……PC閲覧時のフッター内テキストの表示位置を中央寄せにするには、他にどのような記述が必要でしょうか……？

[佐高]

ざっくり見たところ、おそらくmargin指定で右寄せにしてありそうです。

footer.footer #inner-footer .copyright {
margin: 1em auto;
text-align: center;
}

元々の記述を参考にしつつ、恐らくこれでいけそうな気がします。
ただ、こちらの環境では特に問題はなかったものの、もしかしたら下部メニューに位置が干渉してしまうことがあるかもしれませんので、その場合はご調整ください。その他もきちんとは確認していないので、他に影響があったらすみません。

少しでもご参考になれば幸いです

[投稿者]

投稿