- ベストアンサー
右サイドバーが下に落ちてしまう
- Seesaaブログの3カラムレイアウトを使用している際に、右サイドバーが予期せず下に落ちる現象が発生しました。
- この問題はスタイルシートの設定に関連している可能性があります。
- 解決策を見つけるために、container、links-left、linksの値を調整してみましたがうまくいきませんでした。
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
↓は右サイドバーの場合ですが、今回も同様のケースかもしれませんので載せておきます。 Seesaaブログ・ケーススタディ 【右サイドテンプレート】右サイドバーがズレてしまう問題 http://blog-casestudy.seesaa.net/article/9160145.html
その他の回答 (2)
- CHI-512
- ベストアンサー率69% (63/91)
こんにちは。的外れな回答でしたら、ごめんなさい。 ソースを拝見しました所、</div>が一つ少ないようです。もしかしたら、ソコでは? ソースを見て下さい。ページの最下部にPowered by Seesaaの画像を表示させているソースがありますが、 <div id="footer"> <div class="powered"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td><a href="http://seesaa.jp"><img src="http://blog.seesaa.jp/img/seesaablog.gif" width="138" height="22" border="0" alt="Powered by Seesaa" /></a></td> </tr> <tr> <td><div style="background-color:#9C9C9C;text-align:center;font-size:10px;padding:3px;margin:0px;"><a href="http://seesaa.jp" style="color:#FFF;">Seesaa</a><a href="http://blog.seesaa.jp" style="color:#FFF;">ブログ</a></div></td> </tr> </table> </div> ★ この場所は、二つの<div>でテーブルを囲っているので、最後に</div>が二つあるべきですが、拝見するに、</div>が一つ抜けています。★の部分にもう一つ</div>を追加して下さい。 私はSeesaaブログを使用したことがないので、どのファイルをいじればいいのか、具体的にアドバイスすることが出来ませんが、お試し下さい。
お礼
わざわざ細かくソースまで書いていただいてありがとうございます。 今見てみたんですが、ちゃんと</div>は入っていました。 でも、丁寧なご回答ありがとうございます。
- akuhijrwq
- ベストアンサー率35% (381/1064)
初期設定でも無理ならcssは関係ないと思いますよ。 サイドバーにのせている文章・画像 ブログ記事の文章・画像に問題あるかと思います。
補足
これまでは全然異常なかったんです。 突然このような状態になってしまいました。 スタイルシートも、画像もなぶっていません。 左右サイドバーは、両方ともwidth:23%;で設定してありますが、下に落ちた右サイドバーは異常に狭くなっています。
お礼
ひとつひとつ見てみたんですが、どれも該当していないようです。 どうもありがとうございました。