Foros del Web » Creando para Internet » Diseño web »

¿Alto completo de bg-image?

Estas en el tema de ¿Alto completo de bg-image? en el foro de Diseño web en Foros del Web. Hola gente Curioseando por Tumblr me encontré con esta página . Además de unas buenas fotografías, tiene un header/nav que adapta su altura según la ...
  #1 (permalink)  
Antiguo 20/07/2015, 23:49
Avatar de NueveReinas  
Fecha de Ingreso: septiembre-2013
Ubicación: No tan Buenos Aires
Mensajes: 1.101
Antigüedad: 10 años, 7 meses
Puntos: 145
Busqueda ¿Alto completo de bg-image?

Hola gente

Curioseando por Tumblr me encontré con esta página. Además de unas buenas fotografías, tiene un header/nav que adapta su altura según la de la ventana del navegador.

Estuve revisando el código y me llamó la atención que en .siteHeader-inner tiene como "display" el valor "table-cell"· ¿Quizá sea eso?

Dudo que esté hecho con JS o jQuery, aunque podría ser.

¿Alguien tiene alguna idea o aportación al respecto?

jrasias d ante braso
__________________
¿Te sirvió la respuesta? Deja un +1
  #2 (permalink)  
Antiguo 21/07/2015, 05:00
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 10 años, 7 meses
Puntos: 578
Respuesta: ¿Alto completo de bg-image?

Lo que hace es expandir la imagen del header:

Código CSS:
Ver original
  1. background-size: cover;

Aunque al ser CSS3 no funciona con todos los navegadores. Creo que también se puede hacer con JS.
  #3 (permalink)  
Antiguo 21/07/2015, 13:55
Avatar de NueveReinas  
Fecha de Ingreso: septiembre-2013
Ubicación: No tan Buenos Aires
Mensajes: 1.101
Antigüedad: 10 años, 7 meses
Puntos: 145
Respuesta: ¿Alto completo de bg-image?

Cita:
Iniciado por PHPeros Ver Mensaje
Lo que hace es expandir la imagen del header:

Código CSS:
Ver original
  1. background-size: cover;

Aunque al ser CSS3 no funciona con todos los navegadores. Creo que también se puede hacer con JS.
Lo del bg:cover ya lo conocía.
Pero mi duda es, ¿cómo toma el DIV la altura del navegador? ¿Con JS?

p.s.: Se como se hace, pero no entiendo el mecanismo que usan en esa plantilla web.
__________________
¿Te sirvió la respuesta? Deja un +1
  #4 (permalink)  
Antiguo 21/07/2015, 14:41
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 10 años, 7 meses
Puntos: 578
Respuesta: ¿Alto completo de bg-image?

Opino que esto debería ir en el foro CSS.

No sé, he visto alguna solución que utiliza min-height: 100%; y cosas así. Tampoco lo he probado

Etiquetas: alto, completo, página
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 07:10.