Ver Mensaje Individual
  #6 (permalink)  
Antiguo 13/05/2010, 17:08
andresgalli
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Barra Flotante

Cita:
Iniciado por Panino5001 Ver Mensaje
Es fácil si ignoramos a explorer 6, que no soporta position: fixed. Un ejemplo de eso:
[url]http://www.ribosomatic.com/articulos/barra-inferior-tipo-facebook-con-css/[/url]
Pero con css se puede simular un fixed que funcione en todos los navegadores:
Código:
<!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=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<style>
html,body{margin: 0;padding: 0;overflow: hidden;height:100%}
#site{ width:100%;height:100%;overflow:auto;position:absolute;}
#fix{ position:absolute; height:30px; background:#06C; width:100%;  bottom:0; left:-17px}
</style>

</head>

<body>
<div id="site"><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

</div>
<div id="fix"></div>
</body>
</html>
Pero como verás, poco tiene que ver con javascript ;)
------------------------------------------------------------------------------------

Esta muy bueno este código. Pero, por casualidad, alguien sabe; por ejemplo, si yo le pongo a esta barra una medida especifica como por ejemplo width="700". Y que al mismo tiempo esta barra quede centrada. Se puede realizar???