次のように定義されたフッターがあります
div#footer {
width:100%;
bottom:0;
background:url(../images/bg_footer0.png) repeat-x;
}
そのhtmlボディは次のように設計されています
html,body {
margin:0;
padding:0;
height:100%;
font-family:arial, Helvetica, sans-serif;
color:#666;
background:url(../images/bg_body.png) repeat-x;
font-size:12px;
}
しかし、フォントファミリーを変更arial
するserif
と、フッターが下からパディングされます。これは、すべてのフォント変更に共通していると思います。しかし、どのように変更しても、フッターを常に一番下に追加できるのはなぜですか?