注目タグ

質問・疑問

トピック詳細

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

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

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

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

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

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

2014年09月23日 00:06  by sitake

コメント一覧 4件中、1~4件表示

  • >古都さま、yosoilueさま

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

    使ってみて不具合が出て来たら問合せしてみたいと思います。
    ありがとうございました。

    2014年09月23日 12:39 by sitake

  • http://fc2blogtemplate.com/blog-entry-26.html
    こちらの記事を参考にしてカスタマイズしたのならば、不具合について尋ねてみたほうがいいのではないかとは思います。

    2014年09月23日 09:33 by ロギラキ

  • 記事内部の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%;
    }

    元のテンプレートから理由があって消してあるのなら構わないのですが、
    見た目もほぼ変わらないので記載しておいた方が無難だと思います。

    2014年09月23日 07:02 by

  • 追加です。
    テンプレはbasic-whiteを少しカスタマイズしています。
    よろしくお願いします。

    2014年09月23日 00:21 by sitake