サイドバーの幅の変更

サイドバーの幅は、YUi-2 のグリッドを使っているので、全面的な変更は難しいのですが、ユーザーからメールで問い合わせがあったので、カスタマイズしてみました。

参考まで、コードを公開します。
環境は、ページ幅950px固定、メインサイドバー幅180px、エキストラサイドバー25%の設定の場合に、

サイドバーの幅を両方ともに、200pxにカスタマイズするスタイルルール

style.cssの最終行に以下のルールを追加します

[css]
.yui-t2 #yui-main .yui-b {
margin-left: 210px;
}

.yui-t2 .yui-b {
width: 210px;
}

.yui-ge{
position:relative;
}
.yui-ge div.first{
width:516px;
}
.yui-ge div.first+div{
position:absolute;
top:0;
right:0;
width:210px;
}
[/css]


コメントは受け付けていません。