[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