Hola Francisco.
Debe quedar claro que el comportamiento correcto es que el contenedor
mantenga la anchura que has definido por estilos, independientemente del
tamaño del contenido. El modo de actuar de IE6 es totalmente erróneo, es
como si en la cocina echaras el aceite de freir pescado usado en la aceitera
de la carne y te pareciera tan normal.
A la vista de tu mensaje no se exactamente que es lo que quieres, pero
intentaré darte las dos aproximaciones posibles:
1. Si lo que deseas es que el contenedor sea de una anchura mínima de 100px
y se ensanche si su contenido le supera, pon esto:
div { min-width: 100px; }
* html div { width: 100px; }
NOTAS:
· El IE6 no "entiende" la propiedad min-width. (En realidad trata la 'width'
como si fuera 'min-width').
· FF e IE7 no atienden al selector ' * html ' así que no se dan cuenta de
que establecemos la anchura FIJA 'width' en 100px. Solo atienden a la
anchura mínima.
2. Si lo que deseas es que el contenedor tenga la anchura que le especificas
sin tener en cuenta el ancho del contenido:
div { width: 100px; overflow: hidden; }
Un saludo,
David
On Nov 27, 2007 12:33 AM, Francisco J. Beltrán Hernández <[EMAIL PROTECTED]>
wrote:
> Hola.
>
> Tengo un problema, que debe ser una tontería pero que me tiene loco desde
> hace unas horas.
> A ver si me podeis echar una mano, lo pondré con un ejemplo tonto:
>
> Tengo
>
> <div>
> <hr width="200px" />
> </div>
>
> y el siguiente estilo
>
> div {
> width: 100px;
> border:#000000 1px solid;
> }
>
> Como podeis comprobar, la anchura del div es inferior a la del hr que he
> metido dentro.
>
> - En el iexplorer 6 me expande el div automáticamente (por una vez hace
> algo
> decente este navegador sin decirle nada).
> - El firefox me deja el tamaño fijo de la capa y sobresale el hr, pero lo
> he
> solucionado incluyendo la linea display: table en el estilo.
> - En el iexplorer 7 también se me queda fijo el div y sobresale el hr,
> pero
> no soporta el display:table y no se me ocurre otra formade hacerlo.
>
> ¿alguna idea con el ie7?
>
> Gracias
>
>
> Francisco J. Beltrán Hernández
> [EMAIL PROTECTED]
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
