On Mon, 2013-07-29 at 19:14 +0530, Mehul Ved wrote:
> Check http://ryanfait.com/sticky-footer/
Wow!! thank you!! I fixed it. I came across this link and infact, I
tried modifying html's height to 100% as done in this link. But, at that
time, I was trying to set margin-bottom to a wrong div.
This time, it works perfectly and infact, the original css in the above
link is a bit scarry for first-timers like me. But a careful
understanding simplifies my html example like this,
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Test</title>
<style>
html, body {
height: 100%;
}
#wrap {
min-height: 100%;
height: 100%;
margin: 0 0 -5%;
}
</style>
</head>
<body>
<div id="wrap">
</div>
<div id="footer">
<p>Test Footer</p>
</div>
</body>
</html>
Thanks,
Mohan R
_______________________________________________
ILUGC Mailing List:
http://www.ae.iitm.ac.in/mailman/listinfo/ilugc
ILUGC Mailing List Guidelines:
http://ilugc.in/mailinglist-guidelines
