解決済
トップページ以外の表示がズレてしまいます・・・
トップページはきちんと表示されるのですが、続きを読むやコメント等を見ようとすると、表示がずれてしまいます。デザインの設定の個別記事ページ等の設定がおかしくなっているのだろとわかってはいるのですが、どう対処してよいか全くわかりません・・・
かれこれ2ヶ月近く悩んでいます・・・
すみませんが、わかる方いらっしゃいましたら、どうか綺麗にする方法を教えてください。よろしくお願いいたします。
↓私のブログです。
回答(1)
1.
微妙に違うところを見落としていました。。
この部分を、
.blog{
width:522px;
margin-left:12px;
margin-top:-15px;
}
こうしてみて下さい。
#blog,.blog{
width:522px;
margin-left:12px;
margin-top:-15px;
}
いろいろとありがとうございました！！
とっても感謝しております。
もしまた何かありましたらよろしくお願いいたします。
コメント(10)
確認の為お聞きしたいのですが、「全てのページ」の再構築はなさいましたか?
もしなさっていたらすみませんが、お知らせ下さい。
なさっていなければ、ブログの管理画面の「ブログに設定を反映（再構築）」というページにいって、「全てのページ」を選んで再構築なさってみて下さい。
結果等お知らせ頂ければ幸いです。
望サマ
「全てのページ」の再構築はもちろんしてます。今も再度してみましたが・・・やはり変更なしです。
何か良いアドバイスありましたらよろしくお願いします<m(__)m>
トップページと個別記事ページの構造がかなり違うみたいです。
トップは数年来使用しているもので、
個別記事は新しいものをどこかからコピペしてきた…
そんな印象です。
古いものと新しいものではidやclassの名前が異なるところがあるので、
個別記事にCSSが適用されていない箇所があるようです。
考えてみますので、少し時間を下さい。
imqサマ
すみません。よろしくお願いいたします<m(__)m>
すみませんが
ちょっとこちらでは確認できないところがあったので、
CSSを以下のように変更してその結果を教えていただけないでしょうか。
#links{
width:170px;
text-align:left;
margin-left:582px;
padding-top:10px;
}
これを以下のように。#links,#left{
width:170px;
text-align:left;
margin-left:582px;
padding-top:10px;
}
もう一つ、これを追加します。
#header{
display:none;
}
広告を含むヘッダーを消すのは通常は禁止ですが、
古いブログでは元々無かったはずなので、このようにしています。
他のページがトップと違うと上下にずれてしまうので。
imqさま
css変更してみました！結果、大幅に改善されました！！本当にありがとうございます！
ただ、まだトップページ以外にとぶと、少し左よりの状態は残っているようです。
でも、前に比べると天と地のような変化でとても嬉しく思っています。
これ以上の改善は可能でしょうか？
ワガママを言いまして本当にすみませんが、よろしくお願いいたします。
古いスタイルを調べて対応させるのは手間なので、
以下のものをCSSに貼り付けてみて、
問題があるようでしたらコメントを下さい。
/*// Trackback & Comment //*/
.trackbackurlbody{
margin:0 auto 20px;
}
h3.trackbackurlttl
,h3.commenthead
,h3.trackbackhead
,h3.takecommenthead{
font-size:14px;
}
.trackbackurl{
margin:15px 0 0;
text-align:left;
font-size:12px;
}
.trackbackurl input{
padding:2px 0;
}
#comment
,#trackback{
margin:0 auto 20px;
}
#commentbody
,#trackbackbody{
font-size:12px;
margin:15px 10px 0;
}
.commenttext
,.trackbacktext{
margin:5px auto 10px;
padding-left:15px;
line-height:16px;
}
最後に、トップページ以外の全ページで
<!-- / Plugin B -->の下にある数行
<div class="elsehead"></div> <div class="elsebody"> <div class="checkers">……</div> <div class="reader">……</div> <div class="powered">……</div> <div class="powered">……</div> <div class="syndicate">……</div> </div> <div class="elsebottom"></div>
これを
<!-- / Plugin A -->の下に移動すれば大体終わりでしょうか。
この作業は元に戻せるように各ページのバックアップを取ってから、
くれぐれも慎重に行って下さいね。
imqサマ
いろいろとありがとうございます。とりあえず#8を試してみました。結果はコメントの文字サイズとスペースが改善されました！！
#9についてですが、<!-- / Plugin B -->の下の数行につていは【チェッカーズに登録】などの言葉も一緒にしても大丈夫でしょうか？また、<!-- / Plugin A -->が2箇所あるのですが、どちらの下でもかまいませんか？？
いろいろとすみません。よろしくお願いします。
