Foros del Web » Creando para Internet » CSS »

como hacen que el fondo del body sea estatico y el contenido baje con la barra de nav

Estas en el tema de como hacen que el fondo del body sea estatico y el contenido baje con la barra de nav en el foro de CSS en Foros del Web. como hacen que el fondo del body sea estatico y el contenido baje con la barra de navegacion?...
  #1 (permalink)  
Antiguo 03/02/2011, 11:39
(Desactivado)
 
Fecha de Ingreso: enero-2011
Mensajes: 293
Antigüedad: 13 años, 11 meses
Puntos: 4
Pregunta como hacen que el fondo del body sea estatico y el contenido baje con la barra de nav

como hacen que el fondo del body sea estatico y el contenido baje con la barra de navegacion?
  #2 (permalink)  
Antiguo 03/02/2011, 11:57
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 13 años, 11 meses
Puntos: 36
Respuesta: como hacen que el fondo del body sea estatico y el contenido baje con la b

Declarando lo siguiente en el CSS:
body { background-attachment:fixed;}
  #3 (permalink)  
Antiguo 03/02/2011, 12:05
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.458
Antigüedad: 16 años, 5 meses
Puntos: 53
Respuesta: como hacen que el fondo del body sea estatico y el contenido baje con la b

te falto un detallito sanxuan

Cita:
<style type="text/css">

body {
background: url(imagen.gif);
background-attachment: fixed;
}
</style>
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #4 (permalink)  
Antiguo 03/02/2011, 12:08
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 13 años, 11 meses
Puntos: 36
Respuesta: como hacen que el fondo del body sea estatico y el contenido baje con la b

Y el resto del CSS de la página y el HTML también. : )
  #5 (permalink)  
Antiguo 03/02/2011, 12:20
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 9 meses
Puntos: 1146
Respuesta: como hacen que el fondo del body sea estatico y el contenido baje con la b

y porque lo ponen en dos lineas ???

es mejor abreviado

Código CSS:
Ver original
  1. body{background:url(imagen.jpg) fixed;}

que por cierto este método no funciona en IE6 y anteriores, si deseamos en ie6 se utiliza otro método....
Código CSS:
Ver original
  1. html,body{margin:0;padding:0;height:100&#37;;overflow:hidden;}
  2. #Bg,#Site{position:absolute;z-index:-1;width:100%;height:100%;}
  3. #Site{z-index:1;overflow:auto;color:#fff;}
  4. #Content{width:800px;margin:auto;}

Código HTML:
Ver original
  1. <img id="Bg" src="http://www.avonvoices.com/assets/images/avon_bg.jpg" alt="imagen de fondo" />
  2. <div id="Site">
  3. <div id="Content">
  4.  
  5. Aqui todo el contenido de tu web
  6.  
  7. </div>
  8. </div>
ver ejemplo

Nota: yo ya no doy soporte a IE6 solo lo menciono como dato adicional por aquellos que desean aun dar soporte para esta versión ¬¬ antes de que alguien me quiera lanzar una pedrada por dar soporte jaja
  #6 (permalink)  
Antiguo 03/02/2011, 12:32
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.458
Antigüedad: 16 años, 5 meses
Puntos: 53
Respuesta: como hacen que el fondo del body sea estatico y el contenido baje con la b

Quien diseña para IE6 a estas alturas jaja. Pero esta bueno el comentario
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #7 (permalink)  
Antiguo 03/02/2011, 12:48
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 9 meses
Puntos: 1146
Respuesta: como hacen que el fondo del body sea estatico y el contenido baje con la b

jajaja busca en este foro y aun encontraras muchos renegados que se afanan de dar soporte a IE6, y apenas dices no doy soporte o no hay que dar soporte pff explotan y llueven pedradas... aunque yo no he de negar que aun me encuentro uno que otro cliente me pide que de soporte para IE6... y en esos casos aunque no quiera hay que hacerlo.
  #8 (permalink)  
Antiguo 13/04/2011, 01:37
 
Fecha de Ingreso: diciembre-2010
Mensajes: 459
Antigüedad: 14 años
Puntos: 21
Respuesta: como hacen que el fondo del body sea estatico y el contenido baje con la b

Muy buenos aportes
  #9 (permalink)  
Antiguo 05/07/2012, 16:08
 
Fecha de Ingreso: julio-2005
Mensajes: 64
Antigüedad: 19 años, 4 meses
Puntos: 1
Respuesta: como hacen que el fondo del body sea estatico y el contenido baje con la b

Quiero agradecer el aporte, yo queria lograr eso como en la web del barsa http://www.fcbarcelona.es/

Agregue el la linea
Código:
background-attachment: fixed;
y funciono de maravillas

Saludos

Etiquetas: barra, body, contenido, estatico, fondo, nav
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 21:57.