全体の幅を広げる
デザインテンプレート、及び、ホームページテンプレート枠の全体の幅を変更します。(広くします)
DL時の横幅は860pxです。以下で900pxに変更します。
デザインテンプレート
CSSファイルの以下の部分です。
base-layout.css
/*
=========================================================================
全体の幅指定と共通指定部分
========================================================================*/
body {
text-align: center;
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
margin: 0;
padding: 0;
}
#wrapper {
text-align: left;
margin: 0 auto;
width: 860px;/* ここを変更 */ --- この部分です
}
#globalnavi { width: 858px; } --- 合わせてここも
/* 以下変更不要 */
#container { width: 100%; }
#undernavi { clear: both; }
#footer {
width: 100%;
height: 130px;
}
---------------------------------------------------
#wrapper {
text-align: left;
margin: 0 auto;
width: 900px; /* ここを変更 */
}
#globalnavi { width: 898px; }
ホームページテンプレート枠
CSSファイルの以下の部分です。下記はリキッドレイアウトのCSSです。
wm-base-layout.css
/*
[3-1] 全体の横幅 及び 基本的な段組みを指定
-----------------------------------------------------------------------
#wrapper { width: 90%; }部分が全体の幅となります。
-----------------------------------------------------------------------*/
/* 全体の幅 */
#wrapper { width: 90%; } --- この部分です
---------------------------------------------------
/* 全体の幅 */
#wrapper { width: 900px; }

コメント