Foros del Web - Ver Mensaje Individual - Barra Estatica Como la de Facebook, alguien tiene idea como se hace ?

cslbcn · #7 (**permalink**) 02/02/2010, 09:57

Es simplemente CSS:

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Barra inferior fija</title>
        <!-- CSS -->
        <style type="text/css">
 
        #contenedor {
            height: 2000px;
            width: 950px;
            background-color:#39F;
        }
        #barra{
            height: 20px;
            width: 950px;
            background-color:#999;
            position:fixed;
            bottom:0px;
            margin:0 auto;
        }
 
        </style>
    </head>
 
    <body>
      
        <div id="contenedor"></div>    
        <div id="barra">Barra fija</div>    
 
    </body>
    
</html>