(Consulta) Width: 100%

opzina · #1 (**permalink**) 31/05/2011, 09:04

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.

ArturoGallegos · #2 (**permalink**) 31/05/2011, 09:15

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í

opzina · #3 (**permalink**) 31/05/2011, 09:32

Gracias!

Ya está solucionado y entendido!

Saludos.