http://www.useragentman.com/tests/cssSandpaper/cube3.html
http://www.useragentman.com/tests/cssSandpaper/failedRotateExample.html
0
Example 1
<!doctype html>
<html>
<head>
<meta charset=”utf-8″>
<title>Untitled Document</title>
<style>
html, body {
height: 100%;
margin:0;
}
.page-wrap {
min-height: 100% !important;
/* equal to footer height */
margin-bottom: -200px !important;
}
.page-wrap:after {
content: “”;
display: block;
}
.main-footer, .page-wrap:after {
/* .push must be the same height as footer */
height: 200px !important;
}
footer{
height: 200px;
background-color:#ABABAB;
}
</style>
</head>
<body>
<div class=”page-wrap”>
<header>dsf dfs sdf dsaf</header>
</div>
<footer>Footer Here</footer>
</body>
</html>
==================== ====== == = = ==
Example 2 :
<!doctype html>
<html>
<head>
<meta charset=”utf-8″>
<title>Untitled Document</title>
<style>
body, html { height: 100%;}
body { margin: 0; }
#wrapper {
width: 100%;
backgorund-color: pink;
min-height: 100%;
}
footer {
height: 200px;
background-color: #949494;
margin-top:-200px;
}
</style>
</head>
<body>
<div id=”wrapper”>
<div id=”footer_height” style=”height: 200px;”></div>
</div>
<footer> Footer Here</footer>
</body>
</html>
Fahad Ali Khan - Online 