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の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2006-09-17 17:28:11

あなたのCSSとトップページを私のマシン上で再現したところ、質問にあった以下の
#wrapper{
width:690px
は
#wrapper{
width:590px
となっていました。そこで、左右のサイドバーの幅から
#wrapper{
width:695pxもしくは700px
で左右のサイドバーが落ちないことを確認しましたので、この数値のみをどちらかに変更してください。
#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;
までの範囲で調整してください。





