Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Javascript Footer Floater

    Enviado por

    Yogesh Dhingra
    17 visualizações2 páginas
    Javascript Footer Floater

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    TXT, PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento
    Javascript Footer Floater

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato TXT, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    17 visualizações2 páginas

    Javascript Footer Floater

    Enviado por

    Yogesh Dhingra
    Javascript Footer Floater

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato TXT, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 2

    source: http://stackoverflow.

    com/questions/146659/how-do-i-get-a-floating-footer
    -to-stick-to-the-bottom-of-the-viewport-in-ie-6
    This may work for you. It works on IE6 and Firefox 2.0.0.17 for me. Give it a sh
    ot. I made the footer's height very tall, just for effect. You would obviously c
    hange it to what you need. I hope this works for you.
    ------------------------
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/st
    rict.dtd">
    <html>
    <head>
    <title>Liquid Footer</title>
    <style type="text/css">
    .footer {
    background-color: #cdcdcd;
    height: 180px;
    text-align: center;
    font-size:10px;
    color:#CC0000;
    font-family:Verdana;
    padding-top: 10px;
    width: 100%;
    position:fixed;
    left: 0px;
    bottom: 0px;
    }
    </style>
    <!--[if lte IE 6]>
    <style type="text/css">
    body {height:100%; overflow-y:auto;}
    html {overflow-x:auto; overflow-y:hidden;}
    * html .footer {position:absolute;}
    </style>
    <![endif]-->
    </head>
    <body>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    This is to expand the content on the page<br>
    <div class="footer">-- This is your liquid footer --</div>
    </body>
    </html>

    Você também pode gostar