CSS: how come html, body height: 100% is more then 100% ?!
Posted
by
Nati
on Stack Overflow
See other posts from Stack Overflow
or by Nati
Published on 2010-12-19T14:12:32Z
Indexed on
2010/12/21
21:54 UTC
Read the original article
Hit count: 286
hey, i was trying to do a bottom sticky footer link test and but it kept being more then 100% meaning it scrolled a litle bit..
so i made a simple HTML code, without any additions but its still more than 100%, see here:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="he" lang="he" dir="rtl" id="bangler">
<head>
<title>my title</title>
<style type="text/css">
html, body, #wrapper { height: 100%; }
body > #wrapper { height: auto; min-height: 100%; }
</style>
</head>
<body>
<div id="wrapper">aa</div>
</body>
</html>
the thing is, it scrolls just a little bit more then 100% meaning about 5-10px more.. this is really strange, on both IE and Firefox !!
Thanks in advance !
© Stack Overflow or respective owner
