I want to make a webpage that takes 100% height of browsers visible area. It is a small login page only with a header and a footer. I want the footer to be glued to bottom only. Is it possible to do using tables.
The main problem is if you include "<%@ page contentType="text/html; charset=iso-8859-1" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">" this at page top and try to give 100% to a table it doesnot work. May be this is against standards.
Anyways in trick you guys can suggest.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>footer at bottom</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
<!--
html {
height:100%;
}
#footer {
position:absolute;
bottom:0;
}
-->
</style>
</head>
<body>
<input type="text">
<div id="footer">footer</div>
</body>
</html>
The main problem is if you include "<%@ page contentType="text/html; charset=iso-8859-1" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">" this at page top and try to give 100% to a table it doesnot work. May be this is against standards.
Anyways in trick you guys can suggest.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>footer at bottom</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
<!--
html {
height:100%;
}
#footer {
position:absolute;
bottom:0;
}
-->
</style>
</head>
<body>
<input type="text">
<div id="footer">footer</div>
</body>
</html>