position: absolute; for Footer
<!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" dir="ltr" lang="en-US"
xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<style rel="stylesheet" type="text/css">
#footer {
width: 896px;
position: absolute;
bottom: 0px;
height: 93px;
background-image: url(images/footer_bg.gif);
background-position: top left;
background-repeat: no-repeat;
}
.navigation {
padding: 55px 0 0 70px;
display: block;
float: left
}
.navigation li {
display: inline;
font-family: Tahoma, sans-serif;
font-size: 11px;
font-weight: bold;
color: red;
}
.navigation li a {
color: #585859;
text-decoration: none;
font-weight: normal;
margin: 0 10px 0 7px
}
.navigation li a:visited {
text-decoration: none
}
.navigation li a:hover {
text-decoration: underline
}
</style>
</head>
<body>
<div id="footer">
<ul class="navigation">
<li><a href="index.html">Home page</a>|</li>
<li><a href="index2.html">About us</a>|</li>
<li><a href="index2.html">Careers</a>|</li>
<li><a href="index2.html">Registration</a>|</li>
<li><a href="index2.html">News & Events</a>|</li>
<li><a href="index2.html">Links</a>|</li>
<li><a href="index2.html">Contact us</a></li>
</ul>
</div>
</body>
</html>
Related examples in the same category