解決済

サイドバーが落ちていると言われたのですが…

自分のブログ【
のサイドバーが落ちていると報告してくださった方がいらっしゃいました。しかし自分で見ていて「変だなぁ」って思うところがないです。どこの部分なのでしょうか?

もしわかる方がいらっしゃいましたら助言をください。

2008-02-15 19:49の質問
ブログ  サイドバー  
ブログ
ブログ のかわいいポータルサイト ヤプログ!
www.yaplog.jp/
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google

回答(2)

2.

2008-02-16 13:01:51ベスト
IE6で見ると02月15日・02月12日の記事でサイドが落ちています。
2つの記事の写真の横幅が広すぎるようです。6枚とも
width="468" height="351"
以下ぐらいにした方がいいかも知れません。

本当に詳しくわかりやすく説明していただきありがとうございました。

1.

2008-02-16 01:06:49
FFとOPERAは問題ありませんが
IEにおいて左上のニューススクロールが重なってますね。
デザインのカスタマイズでちょっと調整してみてはいかかでしょう?
自信度 : 自信あり 回答レベル : アドバイス
Ads By Google

コメント(19)

#1.  atsu_26
2008-02-16 08:06:57

回答ありがとうございます。
ニューススクロールだけだったでしょうか?
デザインカスタムのCSSのいじり方がいまいちわかりません。

#2.  atsu_26
2008-02-16 17:58:36

鹿 男子さんありがとうございます。
本文の幅を広げ、プラグイン等のデザインが崩れないようにするにはどうすればよいのでしょうか?

#3.  湯川 学
2008-02-16 19:00:20

スタイルシート(CSS) で
#container width:775px→825px
#blogcontainer width:775px→825px
#content width:564px→614px
くらいに変更すればいいかも知れません。

#4.  atsu_26
2008-02-16 19:35:08

変更してみました。どうでしょうか?

#5.  湯川 学
2008-02-16 19:58:55

ためですね。全ページ落ちてしまいました。現在
#container・#blogcontainer→width:800px
#content width:570px
になってますか?均等に数字を足さないと滅茶苦茶になってしまいます。

#6.  atsu_26
2008-02-16 20:17:27

815、604に設定してみました。
#container width:775px→825px
#blogcontainer width:775px→825px
#content width:564px→614px
どっちにしてもカテゴリーの表示がサイドバーのしきりの点線にかぶってしまいます…
落ちてないでしょうか?

#7.  湯川 学
2008-02-16 20:23:12

落ちなくなりましたが点線にかぶっちゃいますね。やっぱり
#container・#blogcontainer→width:775px
#content width:564px
に戻して
#content のカッコ内に

overflow:hidden;
を入れた方がいいかも知れません。

#8.  atsu_26
2008-02-16 20:30:00

>>7 鹿 男子さん

#content{overflow:hidden;
float:left;
width:564px;
text-align:left;
}
教えてくださったとおりに戻して↑のように overflow:hidden; を入れました。どうでしょうか??

#9.  湯川 学
2008-02-16 20:31:21

戻りました!!

#10.  atsu_26
2008-02-16 20:37:58

サイドバーが落ちていないでしょうか?

#11.  湯川 学
2008-02-16 20:43:33

IE6は右上に戻りましたよ。

#12.  atsu_26
2008-02-16 20:53:58

そうですか!本当にお世話になりました。
ありがとうございました!

#13.  湯川 学
2008-02-16 21:20:58

livedoor PICS image

なぜかカテゴリータイトルがちょっと欠けてしまうので
#categorytitleの一番下
margin-top:-15px;
を-10px;くらいにしておいてください。

#14.  湯川 学
2008-02-16 21:31:59

関係ありませんがトップ画像がリンクしてないですね。
あと h1 は確か1ページ1回しか使えないので

<div id="title"><a href="<$BlogUrl$>"><img src="http://image.blog.livedoor.jp/atsu_26/imgs/d/0/d027e634.jpg"width="666" height="152"  border="0" alt="<$BlogTitle ESCAPE$>"></a></div>
とかにするといいかも知れません。

#15.  atsu_26
2008-02-16 21:44:27

-10px; に変えました。
<div id="title"><a href="<$BlogUrl$>"><img src="http://image.blog.livedoor.jp/atsu_26/imgs/d/0/d02...; height="152" border="0" alt="<$BlogTitle ESCAPE$>"></a></div>
はどこにうめこむのでしょうか?
何度もすいません。本当に助かります。

#16.  湯川 学
2008-02-16 22:24:05

これって トップページ に貼ったのではないですか?

#17.  atsu_26
2008-02-16 22:54:25

トップページの編集でやったものです。入れ替えればOKですかね?

#18.  湯川 学
2008-02-16 22:58:34

元の形を保存しておいて変になったら戻してください。

#19.  atsu_26
2008-02-16 23:52:02

鹿 男子さん、本当にありがとうございます。
+アドバイスまでいただけて本当にうれしいです。
明日設定直してみようと思います。

トラックバック

トラックバックURL: