[thelist] css bottom footer

Wed Feb 21 16:16:25 CST 2007

Hey there, sounds to me you're trying to do something that I saw on CSS play:
http://cssplay.co.uk/layouts/basics.html
"This one works in IE5.01, IE5.5, IE6, Opera 7.23, Mozilla and
Firefox" it says, so perhaps it's good for you, and the CSS is
explained on the page itself.

hth,
Theresa

>
> 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)
>
> =============================================
>
> <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>
> --
>
> * * Please support the community that supports you.  * *
> http://evolt.org/help_support_evolt/
>
> For unsubscribe and other options, including the Tip Harvester
> and archives of thelist go to: http://lists.evolt.org
> Workers of the Web, evolt !
>