解決済

clip!clip!
Ads By Google

どうしてもサイドバーが落ちる

BlueLineを3カラム化して使っているのですが
真ん中の記事の部分が左にはみ出し、
サイドバーが落ちます。

#container{
       width:900px
       margin:0 auto
       text-align:center
       word-break:break-all

#blogcontainer{
        margin:10px auto 30px

#content{
        width:450x
        float:right
        text-align:left

#left{
        width:190px
        float:left

#right{
         width:190px
         float:right     
#wrapper{
         width:690px
         float:left

という設定なのですが、
左サイドバー・記事・右サイドバーの順に出来ないでしょうか?



2006-09-17 14:13の質問
ブログ  サイドバー  3カラム  落ちる  
ブログ
ブログのかわいいポータルサイト「ヤプログ!」
www.yaplog.jp/
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2006-09-17 17:28:11ベスト
あなたのCSSとトップページを私のマシン上で再現したところ、質問にあった以下の

#wrapper{
         width:690px



#wrapper{
         width:590px

となっていました。そこで、左右のサイドバーの幅から

#wrapper{
         width:695pxもしくは700px

で左右のサイドバーが落ちないことを確認しましたので、この数値のみをどちらかに変更してください。
回答レベル : 回答

もう一度最初から設定していったら、
うまく出来ました。

Ads By Google

コメント(2)

#1.  yozu
2006-09-17 19:35:35

回答ありがとうございます。

#wrapperに700pxを設定したのですが
左のバーがやはり落ちてしまいます。

contentは450pxのはずなのに、
何か設定より拡大している気がしますし
float:rightにしているのに、左から真ん中にかけて存在してます

どこが悪いのでしょう…

#2.  foissotté
2006-09-17 23:44:58

解決できてなりよりです。ベストありがとうございます。

もし、今の状態でちょっと左側の隙間が気になる場合は

#content{
width:487px;

までの範囲で調整してください。

トラックバック(2)

トラックバックURL: