livedoor ナレッジ

動画を載せたら、サイドバーが落ちました。

動画を載せたら、サイドバーが下に落ちました。
160×120で載せているんですが、バーがズレます。
横幅を増やしたら？と言われましたが、やり方も
分らないので、詳しく教えていただけると
助かります。
よろしくお願いします。

ｙｕｎさん。ご質問ありがとうございます。

ライブドアブログでしたら、構造は下記のような感じになっております。
http://wiki.livedoor.jp/everydaydesign/d/3%A5%AB%A...

↑この図には「#blogcontainer」が書いてありません。
#blogcontainerが必要な場合があります。


カスタマイズ/管理 →　デザインの設定 →　カスタマイズ　→スタイルシート（CSS） と進みます。

枠一杯に何か文字列が書いてありますが、これをスタイルシート（CSS） と言って、ブログのデザインを指定している命令文です。

全文コピーしてワードパットなどにペーストして保存して置いて下さい。それでスタイルシート（CSS）のバックアップになります。

この中に、
#container
#blogcontainer
#right
というものがあると思いますので、それぞれのwidthの値を少しずつ増やしてみたりしてみて下さい。
上のもののwidthの値を下のもののwidthの値が超えてはいけません。

変更したらスタイルシート（CSS）を再構築します。
うまくいかない場合は、バックアップしたCSSを全てコピーして、変更したCSSと入れ替えてください。
元のデザインを選びなおしても良いです。戻す場合もスタイルシート（CSS）の再構築が必要です。


デザイン名を書いていただけると、詳しい方が的確なアドバイスを下さると思います。

解決しない場合はコメント欄にうまくいかない状況を具体的に書かれてください。

ｙｕｎさん。
コメントありがとうございます。
デザインを実際に適応してみて幅を変えてみました。

大変お手数ですが、もう一度「艶　2カラム」のデザインを選びなおして、全ページ再構築してから下記の変更を試されてみて下さい。

#content{
width:627px;
float:right;
text-align:left;
}

#blog{
width:564px;
text-align:left;
padding-bottom:30px;
}

#links{
word-break:break-all;
float:left;
width:196px;
padding-bottom:30px;
}

上記の部分のwidthだけを変更してみられてください。

.side{
font-size:12px;
text-align:center;
line-height:125%;
padding:10px 3px 5px;
}

.sidebody{
padding:0 3px 5px 3px;
text-align:left;
background:url(以下略) no-repeat 0 6px;
}

上記の部分のpaddingを変更されてみて下さい。
計算上これでぎりぎりサイドバーが落ちないはずと思います。

これでも落ちる時は、.sideのpadding:10px 3px 5px;
3pxを2pxにしてみて下さい。


この変更でもサイドバーが落ちる場合は、またコメントされてみて下さい。