解決済
サイドバーにバナーを貼るとデザインが崩れてしまいます！
友達のサイトにリンクしたいので、プラグインのフリーエリアからバナーの画像を貼ってリンクしようとしたんですが、
サイドバーが落ちてしまってデザインが崩れてしまいました。
どうすればいいんでしょう？
友達のバナーなので、できればバナー画像を縮小したくはないのです。
使っているブログの種類は「FLY AWAY WITH ME！」で、
貼りたいバナーは200×40の大きさです。
よろしくお願いします。
回答(2)
1.
サイドバーが落ちるトラブルシューティング
2.
バナーを縮小するか、サイドカラムを広げるか （ 今度は広げすぎると、またデザインが崩れます ） のどちらかの選択をするしかないですね。
コメント(7)
Come fly with me! でしょうか？
3カラムデザインで、背景が画像のため、画像の大きさの変更が3つは最低必要です。つまり、できない事はないですが、かなり大変です（＾＾；
デザインにこだわりが無ければ、サイドバーが落ちないくらい広い2カラムのデザインに変更される事をおすすめします。
FLY AWAY WITH ME！というデザインがあるのでしたら、申し訳ありませんが、デザインのカテゴリーを教えて下さい。
リヴィリアさんごめんなさい、Come fly with me! です。
こんな勘違いしてしまって申し訳ありません！
画像の大きさの変更は大変なのですか・・・。
綺麗で気に入っているデザインですが、出来る限りやってみて出来なければ２カラムデザインにしようと思います。
#container{
width:900px;
margin:0px auto;
text-align:center;
background:#b7d5d5;
word-break:break-all;
}
#banner,#subbanner{
width:900px;
height:157px;
text-align:left;
background:url(http://parts.blog.livedoor.jp/img/usr/i2f_6/bg.gif) no-repeat 50% 0;
}
#blogcontainer{
background:url(http://image.blog.livedoor.jp/blog_matome/imgs/f/6/f63cc795.gif) no-repeat 50% 0;
padding-top:28px;
}
#wrapper{
width:655px;
float:left;
}
#left{
width:240px;
float:left;
padding:0 0 30px;
}
#right{
width:240px;
float:right;
padding:0 0 30px;
text-align:center;
}
.side{
color:#4c6971;
font-size:12px;
text-align:left;
line-height:125%;
padding:5px 3px 5px 3px;
background:url(http://image.blog.livedoor.jp/blog_matome/imgs/9/9/99341dff.gif) repeat-y 50% 0;
}
#footer{
padding:20px 0 70px;
background:#f8f9e7 url(http://image.blog.livedoor.jp/blog_matome/imgs/6/f...) no-repeat 50% 0%;
}
.avatar,.quotebody,.search{
padding:5px 0;
color:#4d6871;
font-size:12px;
text-align:center;
background:url(http://image.blog.livedoor.jp/blog_matome/imgs/9/9/99341dff.gif) repeat-y 50% 0;
}
なんとなくはできましたが、細部がちょっと（笑）。
書き抜きだしたCSSの部分のみを変更してみて下さい。
画像は良かったらダウンロードして使われて下さい。
あとは自力でがんばって～
こんなに丁寧に！！
自力で頑張ってみます！
リヴァイアさん本当にありがとうございました！
