Foros del Web » Creando para Internet » CSS »

Crear una barra fija inferior

Estas en el tema de Crear una barra fija inferior en el foro de CSS en Foros del Web. Hola, Quiero agregar a mi blog una barra inferior que quede fija aunque se mueva el cursor por el contenido de la pagina, con un ...
  #1 (permalink)  
Antiguo 02/11/2010, 12:27
Avatar de dforo  
Fecha de Ingreso: septiembre-2008
Ubicación: Barcino
Mensajes: 525
Antigüedad: 9 años, 2 meses
Puntos: 18
Crear una barra fija inferior

Hola,

Quiero agregar a mi blog una barra inferior que quede fija aunque se mueva el cursor por el contenido de la pagina, con un ancho 100% y una altura determinada. como puedo conseguir este efecto?

Saludos y muchas gracias!!
__________________
POS-6
  #2 (permalink)  
Antiguo 02/11/2010, 12:39
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.821
Antigüedad: 9 años, 9 meses
Puntos: 951
Respuesta: Crear una barra fija inferior

Código CSS:
Ver original
  1. .BarraInferior{position:fixed;left:0;bottom:0;}
Código HTML:
Ver original
  1. <div class="BarraInferior">contendio</div>

Nota: position:fixed no es compatible con IE6
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #3 (permalink)  
Antiguo 02/11/2010, 15:37
Avatar de dforo  
Fecha de Ingreso: septiembre-2008
Ubicación: Barcino
Mensajes: 525
Antigüedad: 9 años, 2 meses
Puntos: 18
Respuesta: Crear una barra fija inferior

Muchas gracias Ag666 voy a probar, y confio en que cada vez queden menos usuarios de ese explorador maldito jeje

Saludos :)
__________________
POS-6
  #4 (permalink)  
Antiguo 02/11/2010, 15:46
Avatar de dforo  
Fecha de Ingreso: septiembre-2008
Ubicación: Barcino
Mensajes: 525
Antigüedad: 9 años, 2 meses
Puntos: 18
Respuesta: Crear una barra fija inferior

Hola, funciona, he tenido que definir el ancho y alto que me venía bien y listo, ahora si, hay un pequeño problema, por ejemplo un anuncio en flash se sobrepone por encima de la barra, osea, al ir bajando por el contenido de la pagina y pasar por encima del banner flash, este no se ve oculto y se muestra por encima del div, hay algun metodo para colocar ese div como capa superior?

Saludos, de igual manera me viene bien :)
__________________
POS-6
  #5 (permalink)  
Antiguo 02/11/2010, 16:06
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.821
Antigüedad: 9 años, 9 meses
Puntos: 951
Respuesta: Crear una barra fija inferior

claro al div que has posicionado en fixed agrega un z-index:100;, y al flash agrega la propiedad wmode en transparent u opaque cualquiera de estos dos te ira bien
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #6 (permalink)  
Antiguo 02/11/2010, 16:15
Avatar de dforo  
Fecha de Ingreso: septiembre-2008
Ubicación: Barcino
Mensajes: 525
Antigüedad: 9 años, 2 meses
Puntos: 18
Respuesta: Crear una barra fija inferior

Uysss muchas gracias :), la propiedad para la clase la pillo, pero no se como aplicar el wmode transparent al flash, de hecho el flash me tiene loco porque solo se ve en firefox.... y no pillo tampoco eso del object embed.. en fin, un lio xD, voy a probar esto a ver si funciona sin lo otro..

Saludos y gracias de nuevo ;)
__________________
POS-6
  #7 (permalink)  
Antiguo 02/11/2010, 17:19
Avatar de dforo  
Fecha de Ingreso: septiembre-2008
Ubicación: Barcino
Mensajes: 525
Antigüedad: 9 años, 2 meses
Puntos: 18
Respuesta: Crear una barra fija inferior

Perfecto, excelente amigo, muchisimas gracias, no me ha hecho falta recurrir a modificar el flash, aunque tendré que investigar porque es una lastima que solo los usuarios de firefox puedan ver el logo de la pagina...

Nos vemos, saludos y que vaya fenomenal ;)
__________________
POS-6

Etiquetas: barra, fija
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:08.