お蔵入り
個別記事でサイドバーが突き抜ける
個別記事でサイドバーがスタイルシートで設定しているcontainerの枠を突き抜けてしまいます。
どうしたらよいでしょうか？
ずれたり、落ちたりしているわけではないです。
ブログアドレスです。
回答(1)
1.
お答えありがとうございます。
containerで全体を囲み切れていないのですね。
個別記事のHTMLを確認してみて下さい。
footerやoutfooterはHTMLの最後辺り（</body></html>の2，3行上）に記述されていますか？
</div>の一つをページ下部に持っていくのも手かと思いましたが、動かすのが難しいかもしれませんね。
私の使用しているデザインだと分かり易く書いてあるのですが、デザインによって記述も違いますし…。
一応私のブログの個別記事のHTMLの最後辺りを例示しておきます。
</div><!-- End of blogincontainer-->
</div><!-- End of blogcontainer-->
<div id="footer"></div>
</div><!-- End of container-->
<div id="outfooter"></div>
<script type="text/javascript"
src="http://parts.blog.livedoor.jp/js/c.js"></script>
<script type="text/javascript" language="JavaScript">
blog_counter('wish_nozomi')</script></body>
</html>
と、containerで囲った後にoutfooterでページ下部の装飾をしています。このように個別記事のHTMLを整える必要がありそうです。
どの部分に対応したタグなのか確認してから変えないと表示が崩れてしまうのでご注意下さい。
バックアップをとりながら行うことを強くお勧め致します。
デザインを選んで最初からの不具合でしたら、テンプレート自体に不具合があったのだろうと思います。
もう一度デザインを選び直して全て再構築で問題が解決すれば速いのですが…。
色々とお手数かけまして、すいませんでした
コメント(18)
興味深い状態ですね…。
突然そうなったのでしょうか？
もし宜しければブログのURLを教えて頂けると、状況が分かり、的確な回答を得易いのではないかと思います。
突然というわけではないですが
3カラムにしてからずっとです。
ちなみにURLは以下の通りです。
http://blog.livedoor.jp/yamaselove/
2カラムから3カラムに変更して以降の問題であれば、「全てのページ」を再構築することで解決しそうな気がしますが、既に再構築はなさっているでしょうか？
>望さん
<div id="outfooter"></div>
が無かったので足してみて、全構築してみたんですが
変わりませんでした。
ちなみに
<div id="footer"></div>
の上に
サイドバーを入れるため
<div id="links">
<$PluginList$>
</div>
を付け加えているのと
<div class="blog">から
付け加えたサイドバーの表記の直前までを
<div id="content"></div>で囲んであります。
outfooterはページの一番下の装飾ですので、デザインによってはCSSに書かれていないのかもしれませんね。
<div class="blog">から 付け加えたサイドバーの表記の直前までを <div id="content"></div>で囲んであります。とのことですが、私が回答部分で記述したソースは全てサイドバーのタグが閉じられた後に続くものです。
</div>で囲むのをサイドバーの下に記述してみてもダメでしょうか…？
contentは念のため書いたのでアレなんですが
やはり文章だと把握しづらいので
大雑把に現状を書くとこんな感じになります。
<div id="container">
<div id="content"></div>
<div id="links"><$PluginList$></div>
<div id="footer"></div>
</div>
<div id="outfooter"></div>
その書き方だと問題ないように見えるのですが、直っていませんよね…。
改めて、トップページと個別記事ページを見比べてみて感じたのですが、右側のサイドバーにPOWERED BY Livedoor Blogのバナー以下のものが無いですよね。
私も以前個別記事でのその表示がおかしくなっていたので、トップページのものからコピペして再構築したら表示が戻ったということがあるので、そのアドバイスをしますね。
まずトップページのHTMLの最後辺り一帯
<div class="sidebottom"></div>よりも下の
<div class="powered">から最後の</html>までコピーして、
個別記事ページの
<div class="sidebottom"></div>以下に貼り替えてみて下さい。
念の為、バックアップをとってからお試し下さい。
＞右側のサイドバーにPOWERED BY Livedoor Blogの
＞バナー以下のものが無いですよね。
それは故意に消してます。
links1を左サイドバー
links2をTOPの右サイドバー
links3を個別の右サイドバーとしてます。
それがいけないのかなぁ？
でも、だとするとlink2だけでも同じだだろうし…
なるほど、意図的に消しておられるのですね。
もう一度貼り付けてからその消したい部分だけ消しても変わらないでしょうか…。
私にアドバイスできることはアドバイスしたつもりなのですが、上手く解決できないようです…。
申し訳ありません。
＞もう一度貼り付けてからその消したい部分だけ消しても
＞変わらないでしょうか…。
すいません、ちょっと意味がわかんないのですが
どういったことでしょうか？
すみません、もう少し具体的に説明しますね。
>>#9で私が書いている部分一帯をトップページと個別記事ページで比較して見たら、意図的に消している部分は勿論、その周辺も違うのです。
その部分を比較し、消したい部分を除くと
<div class="sidebottom"></div>よりも下に残っているのは、
</div>
<div id="footer"></div>
</div>
<script type="text/javascript" src="http://parts.blog.livedoor.jp/js/c.js"></script>
<script type="text/javascript" language="JavaScript">blog_counter('yamaselove')</script></body>
</html>
だけなのですね。おそらく
<script type="text/javascript" language="javascript">
<!--
if (document.comment_form.author != undefined)
document.comment_form.author.value = getCookie("author");
if (document.comment_form.email != undefined)
document.comment_form.email.value = getCookie("email");
if (document.comment_form.url != undefined)
document.comment_form.url.value = getCookie("url");
if (getCookie("author") || getCookie("email"))
document.comment_form.bake.checked = true;
//-->
</script>
は意図的に足されたものと解釈しますが、宜しいでしょうか？その上に記述したもの
</div> <div id="footer"></div> </div> <div id="outfooter"></div>を消し、
その下の部分を先程のもの
</div>
<div id="footer"></div>
</div>
<script type="text/javascript" src="http://parts.blog.livedoor.jp/js/c.js"></script>
<script type="text/javascript" language="JavaScript">blog_counter('yamaselove')</script></body>
</html>
と入れ替えてみるのはどうなのだろうと思っただけなのです。試して上手く出来れば良いのですが…。
驚きました。
自分が書いて登録されているHTMLと
ソース表示で出てくるHTMLって違うんですね。
そこででてくるJSってプラグインのJSなんで
HTMLでは記述して無いやつなんですよ。
なので、手の施しようが無いというか…
お手数かけましてすいませんでした。
自動で挿入されるものなのかもしれませんね…。
お役に立てなくて申し訳ありません。
いえいえ、こちらこそお力になれず、申し訳ない気持ちでいっぱいです。
ベターありがとうございました。
