CSSのレイアウトについて
CSSのレイアウトをダウンロードしました。
初心者ながら調べてやっていたのですが、2点ほど分からない点があります。
・ヘッダー、フッター含め全ての幅を画面いっぱいにしたい。
widthを100%にしてみたのですが、レイアウトが崩れるだけで画面幅いっぱいにはなりませんでした。
・3カラムの真ん中を固定幅900pxにしたい。
ご存知の方いらっしゃいましたらご教示ください。よろしくお願いします。
以下がCSSのソースです。
* { padding: 0; margin: 0; }
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
#wrapper {
width: 922px;
}
#header {
color: #333;
width: 900px;
float: left;
padding: 10px;
height: 200px;
background: #E7DBD5;
}
#navigation {
float: left;
width: 900px;
color: #333;
padding: 10px;
margin: 0px 0px 0px 0px;
background: #BD9C8C;
}
#leftcolumn {
color: #333;
background: #E7DBD5;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 350px;
width: 200px;
float: left;
}
#content {
float: left;
color: #333;
background: #F2F2E6;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 350px;
width: 460px;
display: inline;
}
#rightcolumn {
color: #333;
background: #E7DBD5;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 350px;
width: 200px;
float: left;
}
#footer {
width: 900px;
height: 200px;
clear: both;
color: #333;
background: #BD9C8C;
padding: 10px;
}
お礼
ためになります。個人の趣味でやってるサイトなのに、神経使い過ぎてしまいます笑。かといってソフトに頼るのも何だかなあと思ってしまうんですよね。ありがとうございました。