スティッキー フッターを機能させようとしていますが、現在次の CSS を試しています。
#footer {
width:920px;
height:208px;
font-size:10px;
margin-left:auto;
margin-right:auto;
background-image:url(images/grad.png);
background-repeat:repeat-y;
padding:0 20px;
clear:both;
position:relative;
margin-top:-208px;
}
body {
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
background-repeat:repeat-x;
padding: 0;
height: 100%;
}
#wrap {
width:960px;
margin:0 auto;
min-height:100%;
height: 100%;
}
#content {
width:892px;
float:left;
border-left:4px solid white;
border-right:4px solid white;
padding:15px 0px 15px 20px;
background-image:url(images/sidebar_bg.png);
position:relative;
padding-bottom:143px;
}
#content padding-bottom を減らす必要があったので、収まります。しかし、私はまだ問題を抱えています。まず、長いページの下部にスペースが多すぎます (参照 - http://bellbird.redgraphic.co.uk/headteacher/ ) 第二に、短いページでは、ブラウザー ウィンドウのサイズが変更されたときにフッターがスクロールアップしません (参照) - http://bellbird.redgraphic.co.uk/school-council/ )
スティッキー フッターは常に問題のように見えるので、トリックを見逃しているに違いありません。
どんな助けでも大歓迎です。
ルイス