Hola, Eurkene.
Pongo también aquí la respuesta por si le viene bien a alguien, aunque dudo que nadie llegue hasta aquí abajo
Buenos días.
Pues mira, te digo cómo lo veo:
la práctica más habitual es diseñar un sitio pensando en Firefox, que respeta los estándares al máximo (ahora IE7 también lo hace bastante bien), y luego aplicar los parches que necesita IE6 para que se vea bien.
Esto se suele hacer usando un comentario condicional en el código html que cargue una hoja css especial para IE6. De esa manera, en esa hoja aplicas todas las modificaciones que éste necesita.
El comentario condicional se coloca de esta forma en el head, justo antes de cerrar esa etiqueta:
<!--[if lte IE 6]> <link href="css/IE6.css" rel="stylesheet" type="text/css" /> <![endif]-->
donde if lte IE 6 significa "si es menor o igual que IE6", y "css/IE6.css" o el nombre que te de la gana es la hoja especial para IE6. A veces el IE7 también necesita retoques, en cuyo caso se pone: <!--[if IE 7]> <link href="CSS/IE7.css" rel="stylesheet" type="text/css" /> <![endif]-->
En el caso que nos ocupa, como IE6 no entiende la propiedad min-width, hay que usar un parche para que haga lo mismo. Entonces creas una hoja especial para él, y con el cambio que hicimos al selector #menu2, pones algo como esto:
#menu2 {
width: expression(
(document.documentElement.clientWidth < 900)? "800px" :
"auto"
);
height: 1%;
}
Tocando esos tamaños conseguirás que esa caja se comporte igual que en FF y IE7.
Si quieres un tamaño máximo y mínimo para IE6, lo debes poner así:
#contenedor {
width: expression(
(document.documentElement.clientWidth > 1030)? "95%" :
(document.documentElement.clientWidth < 900)? "750px" :
"95%"
);
height: 1%;
}
esto por ejemplo para un contenedor general que albergue toda la página, de manera que si la pantalla es mayor de 1030px, se quedará al 95% del total, y si se reduce menos de 900, su ancho total será como mínimo de 750px, y de ahí no bajará, ya no se reducirá más.
Lo mismo en los navegadores inteligentes sería:
max-width: 95%;
min-width: 750px;
lo cual es mucho más simple y lógico.
Espero que lo puedas aplicar.
Salud.
Mikel.
