お蔵入り

clip!clip!
Ads By Google

サイドバーが記事を書く所と重なってしまう


画面を小さくするとサイドバーと記事を書く部分が重なってしまいます。
大きくしておけば問題ないですが、画面を小さくしても重ならない方法を教えて下さい。
お願いします

2006-12-27 18:25の質問
この質問は、30日間解決しなかったために自動的に質問が一旦閉じられました。

回答(1)

2.

2006-12-28 23:46:54ベター
ご対応ありがとうございます。
再びブログとソース(CSS)を拝見しましたが、
#container{
#blogcontainer{
のwidthが
width:100%;
のままとなっているようです。
width:1024px;
などのように変更してみて下さい。

確認なのですが、「再構築」はなさいましたか?
それとも元に戻されたのでしょうか?

そして、後から気付いたのですが、ブログ本文の部分も画面の大きさによって変動する記述となっています。
 #blog{

margin-top:-10px;
margin-left:210px;
margin-right:210px;
を削除し、その代わりに、
width:600px;
を入れてみて頂けませんか?
#blog{
z-index:1;
width:600px;
text-align:left;
}
のようになります。

あくまで数値は予想なので、多少調整が必要かもしれません…。
良ければお試し下さい。

また結果等をコメント欄からお知らせ頂ければ幸いです。
回答レベル : アドバイス
Ads By Google

コメント(3)

#2.  のの11
2006-12-28 12:32:47

#container{
#blogcontainer{
ともに%をpxにしてみましたが駄目でした

他に解決方法はありませんでしょうか??

#3.  のの11
2006-12-29 11:00:40

http://blog.livedoor.jp/nonota74/
こっちのブログの方で試しにやっています。
教えて頂いた通りやってみたので見てください。

うまくいかないようです。
なんとか出来る方法はありませんでしょうか・・

2006-12-30 09:06:16

ありがとうございます。
拝見しました。

まず、本文の数値が大きすぎたみたいなので、少し減らしてみて下さい。10~20くらい減らすと良いのではと思います。(^o^)
確認しながら調整してみて下さいね。

そしてサイドバーが乗っかってしまうのは、
CSSの#leftと#rightに

position:absolute;
の記述があるからではないかと思います。
その記述を削除してみるのはいかがでしょうか?
宜しければお試し下さい。

また結果をコメント欄からお知らせ頂ければ幸いです。

トラックバック(2)

トラックバックURL: