Foros del Web » Creando para Internet » CSS »

Fondo de una pagina Web

Estas en el tema de Fondo de una pagina Web en el foro de CSS en Foros del Web. Que tal como estan? Saludos, kisiera saber si alguien conoce como realizar fondos corridos en diferentes secciones, asi como este ejemplo: [URL="http://cognition.happycog.com/" target="_blank"]http://cognition.happycog.com/[/URL] vean como ...
  #1 (permalink)  
Antiguo 11/04/2011, 14:12
 
Fecha de Ingreso: abril-2011
Mensajes: 3
Antigüedad: 6 años, 8 meses
Puntos: 0
Pregunta Fondo de una pagina Web

Que tal como estan? Saludos, kisiera saber si alguien conoce como realizar fondos corridos en diferentes secciones, asi como este ejemplo: [URL="http://cognition.happycog.com/" target="_blank"]http://cognition.happycog.com/[/URL] vean como cada sección presenta un fondo diferente y no el clasico fondo del body, si no cada div, gracias `por la ayuda
  #2 (permalink)  
Antiguo 11/04/2011, 14:22
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: Fondo de una pagina Web

Simplemente le pones un fondo a cada div
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #3 (permalink)  
Antiguo 11/04/2011, 16:18
 
Fecha de Ingreso: abril-2011
Mensajes: 3
Antigüedad: 6 años, 8 meses
Puntos: 0
Respuesta: Fondo de una pagina Web

Esa parte si la entiendo pero si te das cuenta en el ejemplo el fondo se extiende a lo ancho de la pantalla, eso es lo que no se como se hace, gracias por la ayuda.
  #4 (permalink)  
Antiguo 11/04/2011, 17:18
 
Fecha de Ingreso: octubre-2007
Mensajes: 89
Antigüedad: 10 años, 1 mes
Puntos: 1
Respuesta: Fondo de una pagina Web

Cada div está metido en otro div con un ancho al 100%; el div que está dentro tiene un ancho menor, centrado con la propiedad margin (margin: 0 auto;). El div superior y el del medio (los que van al 100%) tienen una imagen de fondo, mientras que el div con los contenidos tienen un color de fondo, un borde (propiedad border) y un sombreado:
box-shadow: 0 0 15px rgba(122, 122, 122, .4);
-moz-box-shadow: 0 0 15px rgba(122, 122, 122, .4);
-webkit-box-shadow: 0 0 24px rgba(122, 122, 122, .4);

Muy lindo, pero estas propiedades no funcionan en Internet explorer. Miralo en explorer y vas a ver como cambia el diseño
  #5 (permalink)  
Antiguo 12/04/2011, 14:01
 
Fecha de Ingreso: septiembre-2009
Ubicación: Valencia
Mensajes: 73
Antigüedad: 8 años, 3 meses
Puntos: 2
Respuesta: Fondo de una pagina Web

Puedes hacer que el estilo en IE sea diferente con algunos hacks :S
  #6 (permalink)  
Antiguo 13/04/2011, 09:51
Avatar de sergio87  
Fecha de Ingreso: octubre-2007
Ubicación: Buenos Aires
Mensajes: 323
Antigüedad: 10 años, 1 mes
Puntos: 8
Respuesta: Fondo de una pagina Web

no hace falta ponerle un fondo a cada div, sino al body o al contenedor como prefieras e incluir también el header dentro del contenedor, al que luego le aplicarás un margin: 0 auto; para centrarlo en cualquier navegador que uses y después de probarlo nos comentas para poder ver el tema del fondo como lo quieres.

suerte!

Etiquetas: maquetacion, fondo
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 22:02.