FC2ブログ

無料新規登録

質問・疑問

記事内のページ移動アイコンの位置がずれる

http://tatoyama.blog.fc2.com/blog-entry-56.html

私のブログなのですが、2014/09/22に投稿した記事から、記事内のページ移動アイコンの位置が、ページ下部でなく記事の上部の方に表示されるようになってしまいました。

上記URLの記事内右側にある「お米のご注文について」、「薪作り」、それにホームアイコンの３つがそれです。
他の記事ではこれらのアイコンは記事下部に表示されます。

この記事を投稿して以降、新規に記事を作成すると全て同様の問題が起こるようになってしまいました。

この現象の直し方をご存知でしたらお教え下さい。
よろしくお願いいたします。

by sitake  2014年09月23日 00:06
by sitake
2014年09月23日 00:06

コメント一覧 新しい順に表示▽ / 古い順に表示△

コメント一覧
新しい順  |  古い順

このコミュニティにご参加頂くと、コメントの書き込みができます

  • >古都さま、yosoilueさま

    ご回答ありがとうございました。
    ご指摘の通り修正したら直りました。助かりました。

    使ってみて不具合が出て来たら問合せしてみたいと思います。
    ありがとうございました。
    by sitake  2014年09月23日 12:39
    by sitake
    2014年09月23日 12:39
  • http://fc2blogtemplate.com/blog-entry-26.html
    こちらの記事を参考にしてカスタマイズしたのならば、不具合について尋ねてみたほうがいいのではないかとは思います。
    by ロギラキ  2014年09月23日 09:33
    by ロギラキ
    2014年09月23日 09:33
  • 記事内部のwidthが最終的に"auto"となり幅が設定されていないために
    記事の幅が写真の幅(400px位)と同一になってしまいます。
    そのため、ナビ部分が空いたスペースである記事の横に流れ込んでいる状態です。

    いままでの記事は、たまたま文章のwidth幅が十分にあるのでナビ部分が流れ込まず、
    一見問題なく見えていただけと思われます。

    スタイルシートの終わり付近の一行を変更してみてください。
    ナビ部分が記事下部に表示されるはずです。

    #main #main_contents .p_area:nth-child(3n+1){width: auto;}

    　↓

    #main #main_contents .p_area{width: 100%;}

    --------

    それから、こちらもスタイルシートの #main_contents .page_navi:after の前に
    追加した方が良いかもしれません。

    #main_contents .page_navi {
    position:relative;
    clear: both;
    height: 123px;
    margin-top: -20px;
    text-align: center;
    zoom:100%;
    }

    元のテンプレートから理由があって消してあるのなら構わないのですが、
    見た目もほぼ変わらないので記載しておいた方が無難だと思います。
    by   2014年09月23日 07:02
    by 
    2014年09月23日 07:02
  • 追加です。
    テンプレはbasic-whiteを少しカスタマイズしています。
    よろしくお願いします。
    by sitake  2014年09月23日 00:21
    by sitake
    2014年09月23日 00:21

4件中、1～4件表示

Copyright(c)1999 FC2, Inc. All Rights Reserved.