[thelist] css bottom footer

super super supercop at shaw.ca
Wed Feb 21 14:08:44 CST 2007


I was thinking of doing this in CSS, but its too hard. Then I go back to table, and I still cannot figure out how to do this, would anybody know if this is possible?

I wanted to achieve something like a old style frame effect where a footer will always appeared at the bottom of the screen regardless how long/short the page. (not those 3 column css layout that the footer will expand if there is space) 

I managed to create something similar in IE by removing DTD and using table, but FF doesn't seem to like that idea,

http://www.rightertag.com.hk/test/a.html

Please show some light if anybody knows how it would work, coz I don't want to go back to frameset.

Thank you so much,

Stanley


=============================================

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:gray;
	
	font-family:arial,sans-serif;
	font-size:small;
	color:#FFFFFF;
}
.content {
	overflow: scroll;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	margin: 0px;
	padding: 0px;
}
.aaa {
	overflow: hidden;
}
p {
	font-size: 76px;
	margin: 10px;
	padding: 10px;
}
-->
</style>
</head>

<body>
<table width="1004" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr valign="top">
    <td height="110">logo & header</td>
  </tr>
  <tr valign="top">
    <td height="100%" nowrap class="aaa"><div class="content">
<p> main content </p>
<p> main content </p>
<p> main content </p>
<p> main content </p>
<p> main content </p>
<p> main content </p>
<p> main content </p>
<p> main content </p>
</div></td>
  </tr>
  <tr valign="top">
    <td height="28">Footer</td>
  </tr>
</table>
</body>
</html>



More information about the thelist mailing list