カラムの幅を調整する@Herba

2008年05月30日 23:35

★ 対象テンプレート:Herba

スタイルシートの編集を行います。
/*────────────────────────────────────────
■ メインコンテンツを包括する要素の設定
エントリー部(メイン)を包括する要素の設定。
────────────────────────────────────────*/

#main {
float : left;
width : 64%;
overflow : hidden;
padding-top : 1em;
}

また、
/*────────────────────────────────────────
■ サブメニュー包括要素の設定
────────────────────────────────────────*/

div#sub{
width : 35%;
padding-top : 2.5em;
float : right;
background-image : url("http://blog-imgs-26.fc2.com/r/i/m/rimse/herba_sub_border.png");
background-repeat : repeat-y;
background-position : left top;
/* for IE5 */
text-align : center;
}

このそれぞれの「width」の値によってカラムの幅が定められています。
二つのwidthの値の合計が100%を超えないよう(99%あたりにしておくのが無難かと)にそれぞれの幅を調整してください。


コメント

    コメントの投稿

    (コメント編集・削除に必要)
    (管理者にだけ表示を許可する)

    トラックバック

    この記事のトラックバックURL
    http://rimse.blog73.fc2.com/tb.php/48-3d129e49
    この記事へのトラックバック


    Recent Entries