“max-width” “min-width”

[talmente]

Hola me gustaría que alguien me aclarara la manera de utilizar “max-width” “min-width”. Si mi contenedor tiene un “width:100% “ que tengo que hacer para que en un monitor de esos monstruos el contenedor no se alargue hasta el 100% de la ventana de esos monitores . ¿No se si me explico?. gracias

[kseso?]

Con max-width le indicas la anchura máxima que puede alcanzar, independientemente de la que tenga a su disposición.
Ejemplo: Div con ancho 100% y anchura máxima de 1200 px. Ocupará toda la ventana hasta que ésta supere los 1200px, en el momento que sean 1201 dejará 1 pixel de fondo.

Con el min es lo mismo pero a la inversa, en el momento que la ventana del navegador sea menor al tamaño indicado aparecerá el scroll.

Un saludo

[talmente]

Ok kseso?, es lo que imaginaba las medidas tienen que ser en pixel. Gracias

[daPhyre]

Las medidas pueden ser en cualquier medida (px, em, pt...)

Ahora, la mala noticia es que (para variar) IE6 no lo reconoce. La buena es que como siempre, alguien nos ha ayudado a encontrar la respuesta a nuestros problemas: araudi.net (Sección Estructurales, Sub. max-width y min-width).

Suerte