Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] ¿Grid CSS de 12 columnas e imagen de fondo full-width responsive?

Estas en el tema de ¿Grid CSS de 12 columnas e imagen de fondo full-width responsive? en el foro de CSS en Foros del Web. Hola a todos, aprovecho para presentarme ya que me acabo de registrar. Estoy aprendiendo a diseñar webs desde cero, y de momento ando a vueltas ...
  #1 (permalink)  
Antiguo 21/12/2014, 10:46
Avatar de GekoDH  
Fecha de Ingreso: diciembre-2014
Ubicación: Ourense
Mensajes: 58
Antigüedad: 9 años, 2 meses
Puntos: 0
Pregunta ¿Grid CSS de 12 columnas e imagen de fondo full-width responsive?

Hola a todos, aprovecho para presentarme ya que me acabo de registrar. Estoy aprendiendo a diseñar webs desde cero, y de momento ando a vueltas con HTML y CSS.

He descubierto el sistema de columnas este tan majo y me gusta mucho, pero por el momento le encuentro dos problemas:

1- Normalmente se establece un ancho máximo de 1200px, ¿esto por qué? En mi pantalla a 1920x1080 se ve bastante estrecho el contenido.

2- Estoy haciendo una web para un fotógrafo (un familiar) para aprender y me he topado con que el problema de arriba me lleva a otro, quiero una foto que ocupe todo el ancho de la pantalla en la portada, con un menú horizontal encima y debajo de la foto 2 o 3 párrafos y el footer, sin más. El caso es que con el grid 1200px si meto la imágen como fondo de un div que ocupe las 12 columnas pues obviamente no me ocupa todo el ancho de la pantalla, y no tengo muy claro cual es la mejor solución.

Un saludo y muchas gracias, espero aprender mucho por aquí y con el tiempo igual poder ayudar a alguien

Última edición por GekoDH; 21/12/2014 a las 11:33
  #2 (permalink)  
Antiguo 21/12/2014, 11:59
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 7 meses
Puntos: 2114
Respuesta: ¿Grid CSS de 12 columnas e imagen de fondo full-width responsive?

Pon la imagen de fondo en body.

Yo jamás he diseñado con un ancho máximo. Cuestión de gustos.
__________________
(:
  #3 (permalink)  
Antiguo 21/12/2014, 15:11
Avatar de GekoDH  
Fecha de Ingreso: diciembre-2014
Ubicación: Ourense
Mensajes: 58
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: ¿Grid CSS de 12 columnas e imagen de fondo full-width responsive?

Ok gracias, ¿y con la imagen como fondo del body podré hacerla responsive sin problemas y colocarla de forma que el resto de elementos no interfieran con ella (quedándole por encima)?

Soy bastante novato y me resulta más fácil colocar las cosas si cada una está dentro de un div

Saludos.

EDIT: Me gustaría que quedase del estilo de esto http://www.sridharkatakam.com/wp-content/uploads/2014/04/horizontal-opt-in-dynamik.jpg
  #4 (permalink)  
Antiguo 22/12/2014, 08:31
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 7 meses
Puntos: 2114
Respuesta: ¿Grid CSS de 12 columnas e imagen de fondo full-width responsive?

Los elementos no pueden interferir con la imagen de fondo de body.
__________________
(:
  #5 (permalink)  
Antiguo 22/12/2014, 10:08
Avatar de GekoDH  
Fecha de Ingreso: diciembre-2014
Ubicación: Ourense
Mensajes: 58
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: ¿Grid CSS de 12 columnas e imagen de fondo full-width responsive?

Muchas gracias, se nota que todavía estoy aprendiendo jajaja.

Un saludo.

Etiquetas: columnas, grid, html, todo
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:44.