Foros del Web » Creando para Internet » CSS »

(Consulta) Width: 100%

Estas en el tema de (Consulta) Width: 100% en el foro de CSS en Foros del Web. Hola. Tengo una estructura cómo esta: header contenedor footer Ambos, header y footer, tienen width 100% y al hacer zoom out (ctrl +) se corta. ...
  #1 (permalink)  
Antiguo 31/05/2011, 09:04
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 16 años, 1 mes
Puntos: 21
(Consulta) Width: 100%

Hola.

Tengo una estructura cómo esta:

header
contenedor
footer

Ambos, header y footer, tienen width 100% y al hacer zoom out (ctrl +) se corta. Lógicamente no quiero que esto suceda, es decir, que el fondo se repita en ese 100%.

A demás, el fondo es un color. y Si fuera imagen aplico repeat-x.

Sugerencias?

Saludos.
__________________
_
  #2 (permalink)  
Antiguo 31/05/2011, 09:15
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 1 mes
Puntos: 1146
Respuesta: (Consulta) Width: 100%

al aplicar width:100% considera que el 100% es con respecto a la ventana del navegador si el contenedor supera este 100% no implica que header y footer también tengan que hacerlo.

Supongo que tu contenedor tiene un ancho definido en pixeles o algún valor absoluto... tu solución estaría en aplicar min-width al header y al footer, de tal manera que si la ventana del navegador es inferior al tamaño requerido el header y footer estén obligados a tomar el tamaño mínimo requerido.

Nota Informativa: min-width no funciona para IE6 lo ideal no es dar soporte a este navegador pero si te es muy necesario puedes pasar a este aporte del Sr. Mikmoro -> clic aquí
  #3 (permalink)  
Antiguo 31/05/2011, 09:32
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 16 años, 1 mes
Puntos: 21
Respuesta: (Consulta) Width: 100%

Gracias!

Ya está solucionado y entendido!

Saludos.
__________________
_

Etiquetas: 100, width
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 13:09.