100% Height Hack
Try this script:
<html>
<head>
<style>
html, body {
height: 100%;
margin: 0;
padding: 0;
}
body {
background: #996699;
text-align: center;
}
#wrap {
min-height: 100%;
margin: 0 auto;
height: 100%;
background: #ffffff;
width: 520px;
}
</style>
</head>
<body>
<div id="wrap">
Hello World
</div>
</body>
</html>
It will generate a white box on a pink background with the height set to 100%.
It works fine in IE, FF and whatever.
All you need is acctually this:
body, html {
height: 100%;
}
#wrap {
min-height: 100%;
height: 100%;
}
Enjoy
