IE7: min-width, ¿le funciona a alguien?
6 seguidores
Mucha promesa de soporte para css pero aun no he conseguido que un min-width funcione en IE7, mientras si que funciona en firefox (que sorpresa!).
He encontrado bastantes paginas por ahi, la mayoria anuncian <em>"ooooh! min-width y min-height y max-width y max-height estan fixeadas en ie7"</em>. Pero se ve que lo escribieron copiando y pegando de la nota de prensa, porque vamos, usando un min-width sin misterios, no funciona.
Tener que anyadir hasLayout's y cosas de esas para que se ponga las pilas y pinte las cosas correctamente no es "implementar correctamente" una caracteristica!
Se aceptan pistas y explicaciones de que podria estar pasando :-S
orange
jajaja ... a mi me pasó lo mismo con las betas, y resulta que eran un puñado de blogs de gente de Ovillo que se habían ido copiando unos a otros
XD
A ver, dentro de las capacidades de la Beta 3, cuando dieron el motor de render por cerrado, no se soportaba.
Luego, en CSS discuss yo vi un enlace al blog del Explorer donde (creo que) Chris Wilson decía que estaban trabajando en ello (cosa que me extrañó porque en teoría el motor era definitivo).
Según CSS Discuss las propiedades etán soportadas desde el 20 de Marzo
http://css-discuss.incutio.com/?page=IE7
Y además "add hasLayout"
;)
sole
Si, eso es. Todos con prisa por dar la noticia ("I wanted to be the first to blog about this") pero nadie lo prueba.
Esa misma pagina (la de css discuss) es una de las que vi, cuando me cogio el mega mosqueo porque no iba el min-width en IE7.
Anda que menuda panda, los de ie-dev. Obviamente no lo van a arreglar para ie7, una vez cierran el motor se dedicaran a ponerle mas <em>caracteristicas de seguridad</em>, al estilo Vista...
missha
no los he probado mucho, pero acabo de usar un min-height y ha funcionado en ie7
orange
missha
no los he probado mucho, pero acabo de usar un min-height y ha funcionado en ie7
Si te soy sincero a mi también me suena haberlos probado y que funcionaran, pero como no estoy seguro me callo hasta que haga pruebas de verdad.
zigotica
yo los he usado y funcionan
sole
Un div con estas propiedades:
<code>float: right;
font-size: 12px;
font-weight:
bold;
min-width: 50px;</code>
en firefox va bien, con la anchura esperada (minimo 50px, si escalas el texto se va haciendo todo mas grande y el texto nunca se sale de la caja)
En IE7 simplemente usa el minimo espacio que necesita para mostrar el texto (ignora el min-width)
Es porque esta flotando? No representa que si flota tiene layout? Y no se supone que no tengo el por que andar poniendo trucos para que funcione min-width?
>_<
pseudo
Pues hablando de hasLayout, según el famoso artículo On having layout actualizado, en IE7 min-width, max-width, etc. no solo funciona sino que hace "ganar layout" al elemento, lo que es un alivio.
P.D.: float no hace ganar layout
sole
Se comporta como quiere... :-(
Al final lo he solucionado de otra forma, poniendo el min-width a un elemento que hay dentro para que fuerce al de fuera a crecer. Por alguna razon al elemento interior si que se le aplica min-width bien.
IE... que mas decir?
orange
¿Y no será que el bug está relacionado con el overflow más que con la propiedad en sí?
sole
Que overflow? te refieres al que tenga por defecto? que quiza sea un valor diferente en ie al de firefox?
La verdad es que ahora no tengo mucho tiempo para ponerme a investigar que ocurre pero la verdad es que es extranyo...
orange
Más que al comportamiento por defecto a que funcione como toca, aunque tengas que declararlo
sole
Le echare un vistazo cuando acabe :-)
Gracias por la pista... a ver si va bien encaminada!
nw
No es por liarte sole, pero a mi tu ejemplo me funciona, ahora solo he creado esa capa en el documento. He variado el tamaño para verlo mejor:
<style type="text/css">
<!--
#prueba {
float: right;
font-size: 12px;
font-weight:bold;
min-width: 150px;
min-height: 150px;
background-color:#00CCFF;
}
-->
</style>
<div id="prueba">bvbcxbvcxbvcxcv</div>