XHTML、CSSレイアウトでフッターを常に最下部に配置するには?
フッターを最下部に表示したいのですが、#footerに
position: fixed; bottom:0;を付け加えてもフッター
だけ最下部に表示されコンテンツ部分がついてきません。
ヘイトに100%をつけくわえるのでしょうか?
どうかご教授願います。
body {
margin: 0;
padding: 0;
text-align:center;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:1em;
background-color:#CCCCCC;
}
ol,ul,li {
margin: 0;
padding: 0;
}
li {
list-style:none;
}
h1,h2,h3,p {
margin: 0;
padding: 0;
}
#container {
margin: 0 auto;
text-align: left;
width: 740px;
height: 100%;
background-color:#FFFFFF;
}
#header {
width:740px;
height:80px;
margin:0;
padding:0;
background-color:#FFFFFF;
background-image:url(img/nine_rogo.gif);
background-repeat:no-repeat;
background-position:left center;
}
#contents {
width:740px;
height:100%;
margin:0;
padding:0;
background-color:#FFFFFF;
}
#menu {
float:left;
width:140px;
height: auto;
margin:0;
padding:0;
background-color:#FFFFFF;
color:#000000;
}
#main {
float:right;
width:580px;
height:auto;
margin:0;
padding:0 0 0 10px;
background-color:#FFFFFF;
color:#000000
}
#footer {
clear:both;
width:740px;
height:auto;
background-color:#FFFFFF;
color:#000000;
font-size:1em;
padding:0.3em 0;
text-align:center;
}
