Ver Mensaje Individual
  #7 (permalink)  
Antiguo 16/08/2010, 00:03
dionner1402
 
Fecha de Ingreso: septiembre-2008
Mensajes: 2
Antigüedad: 16 años, 4 meses
Puntos: 0
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 ;)


Muy Bueno El Codigo =)... Una Pregunta, como podria hacer para que mi barra no se quite mientras navego por las secciones de mi pag? es que la quiero usar para una radio online y no quiero que se corte la musica mientras las personas navegan, gracias de antemano :)