[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,


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,



<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
html,body {
	height:100%; /* needed for container min-height */
.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;

<table width="1004" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr valign="top">
    <td height="110">logo & header</td>
  <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>
  <tr valign="top">
    <td height="28">Footer</td>

More information about the thelist mailing list