3カラム時にサイドバー落っこちを直す方法

ぞうさん

2006年12月11日 21:23

ってことで、Mac IEで3カラム表示にするとサイドバーが落っこちるのを修正する。
ちなみにシンプル3カラム固定幅でしか試してないのでその他の3カラムは知らない。
あと、Mac IEなんて知らねーよって人は以下読まなくてよい。
既にデザインでシンプル3カラムを選択しているのを前提とする。
・管理画面でデザインタブをクリックし、左側のデザインカテゴリの一番下にある「オリジナルデザインの登録」をクリック。
・スタイルシートの中身を一番したまでスクロールさせる。
・スタイルシートの一番最後に以下説明のスタイルを追加する。

右サイドバーにインフォメーションがある場合、右サイドバーを20px幅を広げる設定を追加する。(以下の3行をスタイルシートの一番最後に追加)
#container{width:760px;}
#links2{width:180px;}
#links2 .sidetitle, #links2 .side{width:168px;}

試してないが、左サイドバーにインフォメーションがある場合、上記links2をlinksに書き換える。こんな感じ。
#container{width:760px;}
#links{width:180px;}
#links .sidetitle, #links .side{width:168px;}

更に試してないが、左右を同じ幅(180px)にする場合は、たぶんこんな感じ。
#container{width:780px;}
#links, #links2{width:180px;}
.sidetitle, .side{width:168px;}

ちなみに上記のスタイルは、サイドバーの幅を広げた分だけ全体の幅も広げているので注意。
全体の幅を広げたくない場合には、センター部の幅を縮めるしかないが、面倒なので解説は省略。(おいっ)

とまあ、たぶんスタイルシートに慣れてる人なら問題ないが、そうとは限らないユーザーにこんなしちめんどくさいことさせずに、さっさとインフォメーション部を直してほしいもんである。(バナーサイズを160幅でなく120幅のにでも変更すればいいだけだと思うが)>北国tvスタッフ
関連記事