解決済
Ads By Google
アーカイブページのみ 記事部分のレイアウトがくずれて左サイドバー落ちるのですが
アーカイブページのみ 記事部分のレイアウトがくずれて左サイドバー落ちるのですが、まったく、わかりません。教えてください
2006-09-24 17:14の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2006-09-25 11:12:55
.fullbody,#articlebody{
padding:5px 15px 5px 15px;
background:url(center_b.gif) repeat-y 50% 0%;
}
を.fullbody{
padding:5px 15px 5px 15px;
background:url(center_b.gif) repeat-y 50% 0%;
}
に変更してください。アーカイブページで「.fullbody」と「#articlebody」の余白（30px）分本文の幅が短くなってしまっているため、「#articlebody」の左右の余白を「0」に指定するだけでも、サイドバーが落ちなくなると思います。
ばっちりです！！大変ありがとうございます。
助かりました。
Ads By Google
コメント(1)
#1. Hukamin
2006-09-25 11:19:44
>>1補足
少々わかりにくい書き方なので補足というか一部訂正します。
アーカイブページで「.fullbody」あるいは
「#articlebody」のみが記述されていれば大丈夫なのですが、両方記述されているため、この指定が二重に適用されてしまい、他のテンプレートページよりも「#articlebody」の分の余白（上下10px、左右30px）が多くとられているため、他のページよりも本文部分が狭くなっています。
そのため、はみだした部分をInternet Explorerが広げて表示しているため、サイドバーが落ちてしまいます。
逆に言えば、Internet Explorer以外のブラウザでは、本文の横幅を広げてしまわないので、サイドバーは落ちません。
