ブログのトップページが途中で切れてしまいます。
はじめまして。早速質問です。2段組のデザインを若干いじったCSSを4年前くらい使っているのですが、メインの最新記事の部分が右のサイドバーの末尾にあわせて途切れてしまいます。
普段は、フリースペースに無駄な改行を入れることによって対応しています。
対処の仕方をご存知の方は、ぜひ教えてください。
よろしくおねがいします。
回答(3)
1.
カスタマイズからトップページHTMLを開いて
<!-- Loop End -->の真下に
<div style="position:inherit;height:1px;"> </div>これを挿入して再構築してみてください。
詳しくはこちらを
2.
<div style="position:inherit;height:1px;"> </div>これは消してください。
そしてあらためて以下を試してみてください。
CSS(スタイルシート)を開いて
#links{
margin:0 0 0 460px;
padding:40px 0 50px;
}
これを #links{
width:185px;
float:right;
padding:40px 0 50px;
}
このように書きかえてみてください。だめだったらすいません
mannendoco_life
3.
トップページHTMLを今度は2箇所編集します。
まずは
<title><$BlogTitle ESCAPE$></title>この下に以下を挿入してください。
<style type="text/css">
<!--
#links{
width:185px;
float:right;
margin:0;
padding:40px 0 50px;
}
-->
</style>
次に下のほうへ行き
<div id="links">この"真上"に以下を挿入してください。
</div><!-- End of content -->
以上です。保存して再構築すれば完了です。
おまけ・検証中のスクリーンショット▼
※わざと枠線を入れてあります
コメント(8)
ご回答ありとうございます。
ご指摘のとおりにタグを追加しましたが、変わりません・・・(泣)
何かもっと基本的な欠陥があるのでしょうか?
以前、ライブドア純正であるにもかかわらずこのような欠陥を持つテンプレートがありまして(現行のものはすでに改善されています)回答1の方法でうまくいくことを当時自分自身で確認していたものですからブログをろくに見ずに回答してしまいました。
だめでしたか。すいません。
■業務連絡■
私では無理かもしれません。
CSSが得意な人、助けて~><
わざわざありがとうございます。
ご指摘のように修正したところ、今度はサイドバーが下に下がってしまいました。
ありがちな症状なのでいろいろ検索してみたんですが、解決には至りません(泣)
便乗質問で申し訳ないんですが、何か修正策はありますでしょうか?
勘ですけど、
CSSはとりあえず元に戻して、
<br clear="all" />をテンプレートの下の方にある
<div id="footer"></div>の上に挿入してみたらどうなりますか?
#links・#container・#content
等が下にも出てきますね。
重複してるのは問題ないですかね?



