Pues sí, con overflow:visible y mis primeras modificaciones funciona tal y
como quería en todos los navegadores:
div {
width: 100px; /* para ie6 por defecto*/
overflow:visible; /* para ie7 */
display:table} /* para FF */
}
Muchas gracias por vuestras aportaciones
Saludos
----------------------------------------------------------------------
Francisco J. Beltrán Hernández
Fundación Mediterránea
STIC - Area de Desarrollo
Universidad de Almería
[EMAIL PROTECTED]
----------------------------------------------------------------------
-----Mensaje original-----
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Almorca
Enviado el: martes, 27 de noviembre de 2007 11:06
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo]Capa que se amplie según el contenido fijo en ie7
prueba con overflow: visible;
El día 27/11/07, Francisco José Beltrán Hernández <[EMAIL PROTECTED]>
escribió:
>
> Hola.
>
> Lo que me interesa que suceda es lo que hace por defecto el ie6, ya
> sea erróneo o no. Es decir, que si el contenido sobrepasa de la
> anchura de la capa que lo contiene, entonces la capa se estire y no
> sobresalga el contenido de la misma.
> David, lo que me has puesto no me funciona. Tanto en FF como en ie7
> con ese estilo la capa se estira al 100% de la pantalla. Y esto me
> extraña, puesto que pensaba que FF aceptaba el min-width, aunque el
> ie7 he oido que no lo hace. El overflow hidden tampoco me vale, ya que
> quiero que el contenido se vea completo.
>
> ¿Alguna otra idea?
>
> ----------------------------------------------------------------------
> Francisco J. Beltrán Hernández
> Fundación Mediterránea
> STIC - Area de Desarrollo
> Universidad de Almería
> [EMAIL PROTECTED]
> ----------------------------------------------------------------------
>
> -----Mensaje original-----
> De: [EMAIL PROTECTED] [mailto:
> [EMAIL PROTECTED]
> En nombre de Maikel Naigt
> Enviado el: martes, 27 de noviembre de 2007 10:30
> Para: Ovillo, la lista de CSS en castellano
> Asunto: Re: [Ovillo]Capa que se amplie según el contenido fijo en ie7
>
> 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
>
>
> _______________________________________________
> 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
>
--
We don't need no education - Pink Floyd
_______________________________________________
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
