HP全体を左寄せ配置するCSSの記述について。

質問

HP全体を左寄せ配置するCSSの記述について。
CSS付きで中央表示の無料テンプレートを頂きました。
これを左寄せ配置で表示させる方法を教えて下さい。

(base.css)

@charset "Shift_JIS";
/* 基本設定 */
*{
margin:0px;
padding:0px;
font-size:12px;
font-family:Verdana, Helvetica, sans-serif;
}
body{
color:#333;
text-align:center;
}
br{
letter-spacing:normal;
}
a{
color:#333;text-decoration:none;
}
a:hover{
color:#fff;text-decoration:none;
}
img{
border:0px;
}
/* テンプレート */
#temp{
width:500px;
　text-align:center;
　line-height:18px;
letter-spacing:1px;
margin:10px auto;
}
#header{
background:#fff url(img/cat.gif) no-repeat 0px 0px;
width:500px;height:120px;
text-align:left;
border:1px solid #333;
}
#menu{
background-color:#333;
width:500px;height:24px;
color:#fff;
margin:10px 0px;
border:1px solid #333;
}
#main{
background:#fff;
width:480px;
text-align:left;
padding:10px;
border:1px solid #333;
}
#footer{
background:#fff;
width:500px;height:30px;
color:#333;
line-height:30px;
margin:10px 0px;
border:1px solid #333;
}
/* タイトル部分 */
#header h1{
padding:30px 0px 0px 190px;
}
/* メニュー部分 */
#menu ul{
list-style-type:none;
height:24px;
margin-left:30px;
}
#menu li{
display:inline;
padding:0px
}
#menu a{
color:#fff;
line-height:24px;
float:left;
text-decoration:none;
padding:0px 5px;
}
#menu a:hover{
color:#DB9400;
text-decoration:none;
}
/* メインコンテンツの見出し */
#main h2{
background:url("img/mark.gif") no-repeat;
padding:1px 0px 3px 25px;
color:#DB9400;

よろしくお願いします。

回答No.1

metametamu · ベストアンサー

#temp{
width:500px;
　text-align:center;
　line-height:18px;
letter-spacing:1px;
margin:10px 0;
}

この部分だけ置き換えてみてください。

お礼

左寄せすることができました。
回答を頂けたことに感謝しています。
ありがとうございました。

回答No.2

naokita

上から、

@charset "Shift_JIS";
/* 基本設定 */
*{
margin:0px;
padding:0px;
font-size:12px;
font-family:Verdana, Helvetica, sans-serif;
}
body{
color:#333;
/* ここを削除した */
}
br{
letter-spacing:normal;
}
a{
color:#333;text-decoration:none;
}
a:hover{
color:#fff;text-decoration:none;
}
img{
border:0px;
}
/* テンプレート */
#temp{
width:500px;
　text-align:center;
　line-height:18px;
letter-spacing:1px;
margin:10px 0; /* ここの auto をゼロにした */
}
/* ～～　以下変更無しで同じなので省略　～～ */

お礼

text-align:center;を削除したところ
レイアウトが若干崩れてしまいました。
私のＰＣ環境のせいかもしれません。
後は上手くいきました。
回答を頂けたことに感謝しています。
ありがとうございました。