「サイトの幅を変更」無料ホームページテンプレート

サイトの幅を変更したい場合、 widthの数値を変えれば簡単に行えます。 style.cssファイルのソースにある、 以下の赤字部分の数値を希望のサイズに変えて下さい。

/* 共通レイアウト */



#header,

#navi,

#contents,

#footer {

　　width: 800px;

　　_width: 802px;(IE6用+2px)

}

続いて以下の赤字部分の数値を変更します。

/* サイト全体 */



#container {

　　width: 800px;

　　margin: 0 auto 0 auto;

　　text-align: left;

} 

最後に#main-contentsと#side-contentsの数値を変更します。

#main-contents {

　　width: 580px;

　　_width: 590px;(IE6用+10px)

　　float: left;

　　padding-left: 10px;

　　letter-spacing: 1px;

　　overflow: hidden;

} 

と、

#side-contents {

　　width:180px;

　　_width:190px;(IE6用+10px)

　　float: right;

　　padding-right: 10px;

　　overflow: hidden;

} 

以上の部分を変えて頂ければ変更完了です。
数値を間違えた場合はレイアウトが崩れてしまうのでご注意下さい。