解決済
CSSを使ってカスタマイズしたトップページはきちんと表示されるのですが、記事ページに飛ぶとコメントと背景がずれてしまいます。
昨日ブログを始めたばかりで恐縮です。カスタマイズでスタイルシートを作っては見たのですが、
トップページは完成しましたが、記事のコメントを押した場合、
背景と記事とがずれて表示されてしまいます。
これを修正するにはどこを編集すれば良いのでしょうか。
何方かお知恵を賜りますでしょうか。
宜しくお願い致します。
尚、実際にどのように表示されるかは、下記のページを
ご覧になっていただけますでしょうか。
回答(1)
1.
お役に立てないどころか私のような四郎が不安がっている時に
助け船のコメントを出していただけたこと自体が最大限お役に
たって下さったと感じます。この度は有難うございました。
コメント(7)
再構築済みですがやはりコメントページには正しい配列が反映されません。
通常、サイドバーに写真等を入れた際、写真の大きさがサイドバー枠の大きさを越えてしまう際にこのような現象が起きることはありますが、全てその範囲内です。
気がついたのは、記事ページではダックスの写真の上に、
クリップ、ピクス、リスログ、ウィキ、フレパといった単語が
表示されこれが影響をしているのでしょうか？
>>#1
スタイルシートだけではなく、HTMLテンプレートもカスタマイズされているのですね。
＞クリップ、ピクス、リスログ、ウィキ、フレパといった単語が
＞表示されこれが影響をしているのでしょうか？
ありえますね。
恐らく、あるカスタマイズをされてから表示が崩れるようになってしまったと思うのですが、そのカスタマイズをされる直前のCSSやHTMLのバックアップは取られているでしょうか？
正常に表示されてた時のバックアップがあるのであれば
一旦その時の状態に戻して
今度は少しずつ確認しながら作業していけば、自ずと表示が崩れる原因がわかってくると思います。
時間は掛かりますが、私ももう一度ブログを拝見して原因を考えてみます。
ま、詳しい方が見て回答してくれるのが一番なんですけどね…＾＾；
ご丁寧なご対応感謝しております。
実際に変更を加えた部分は、デザインの設定→スタイルシート（CSS）の部分。
具体的には
#banner,#subbanner{
color:#fff;width:650px;
height:500px;
text-align:left;
margin:0 auto;
font-weight:normal;
background:url(http://image.blog.livedoor.jp/chocola_55/imgs/e/2/e2b08b15.jpg) repeat-x;
width、hightの数値をいじったのと、backgroung urlのアドレスを犬の写真のページに変更した以上2箇所を変更したのみです。
その他は何もいじっておりませんが、逆にデザインの設定→ トップページ | 個別記事ページ | カテゴリアーカイブ | 月別アーカイブといったところも変更をしなければいけないのでしょうか？
見ず知らずの方にここまで丁寧に調査を頂き大変恐縮しております。
どうぞ、宜しくお願い致します。
やはりサイドバーを押して最新記事、アーカイブ、カレンダーを見ても同様に記事がずれてしまいますね。
万年床生活者さま、
只今、コメントを頂いた方のコメントを下書きに直して
見たところなんとずれが直りました。
もう一度コメントを表示させて保存したところずれ出てきません。
うーん・・・これが原因かどうかはわかりませんがどうにか
問題を解決できましたので報告させていただきます。
わざわざ週末の貴重なお時間にお手間を取らせてしまい
申し訳ありませんでした。有難うございました。
>>#3を参考に原因を考えていた所だったのですが…自己解決されたのですね＾＾；
今拝見したら
http://blog.livedoor.jp/chocola_55/archives/505738...
確かに直ってますね。不思議です＾＾；
＞コメントを頂いた方のコメントを下書きに直して
＞見たところなんとずれが直りました。
【全てのページを再構築】しても直らなかったのに
コメントを下書きに変更したら直ったのですね。
管理ページでコメントを編集・保存すれば
確かにその記事ページのみ再構築されるのですが
・・・ライブドアブログは時々こういう不思議な現象が起きるんですよね。。。
いずれにせよ、解決してよかったです（＾＾）
今回はお役に立てませんでしたが、また何かありましたらご質問くださいませ。
ベストありがとうございます(^^)
ブログ『ショコラ de GOGO！』が繁盛しますように…☆
