助太刀忍者(質問掲示板)

助太刀忍者

No.53754    記事本文・右サイドバーの幅変更方法
2カラムで記事本文(左)の幅を増やして、右サイドバーの方の幅を狭くしたいです。
CSSでwidthの数値を変えれば良いようですが、どうやれば良いかわからないので
教えて下さい。

あと、レイアウトをおかしくしない両方のバランス
【例えば 合計100まで、とか 50(左)+80(右サイドバー) ならok とか】
も教えて下されば幸いです。

使っているテンプレは「HANZO」です。
使用環境
  • OS:Microsoft Windows 8
  • ブラウザ:Google Chrome
  • モニター:1024×768
  • JavaScript:ON
  • Cookie:ON
  • 回線種別:
  • ソフトウェア:
投稿者:涼介 投稿時間:2013-09-07 11:11:44
投稿者 : No Name Ninja
投稿時間:2013-09-07 13:07:27
Google Chromeをお使いでしたら該当箇所で右クリックして「要素の検証」で調べられると思いますが。

該当箇所は
記事表示部分
#EntryListBlock {
margin: 0 0 20px 0px;
float: left;
width: 580px;
}

メニュー(サイドバー)部分
#PluginBlock {
width: 320px;
margin: 0;
float: right;
overflow: auto;
}

メニューのwidthを50減らしたら、記事部分のwidthを50増やすというように
合計値900を超えないようにすれば問題ないと思います。

ただブラウザによって解釈が違うため
プラグイン内に入れるものの幅がメニュー部分の幅ギリギリだと
閲覧者のブラウザによってはデザインが崩れるかもしれません。