Re: [Ovillo] Capa que se amplie según el contenido f ijo en ie7

2007-11-27 Por tema Francisco José Beltrán Hernández
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
> >
> > 
> >  
> > 
> >
> > y el siguiente estilo
> >
> > div {
> >  width: 100px;
> >  border:#00 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

Re: [Ovillo] Capa que se amplie según el contenido f ijo en ie7

2007-11-27 Por tema Francisco José Beltrán Hernández
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
>
> 
>  
> 
>
> y el siguiente estilo
>
> div {
>  width: 100px;
>  border:#00 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


Re: [Ovillo] Capa que se amplie según el contenido f ijo en ie7

2007-11-27 Por tema Maikel Naigt
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
>
> 
>  
> 
>
> y el siguiente estilo
>
> div {
>  width: 100px;
>  border:#00 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


Re: [Ovillo] Capa que se amplie según el contenido f ijo en ie7

2007-11-27 Por tema Fernando
Yo le pondría la propiedad overflow con el valor hidden, de esa forma todo
lo que sobresalga del DIV no se verá.

Lo que hace explorer 6 me parece mal, ya que si tú has reservado un espacio
de 100px, aunque su contenido interior sea de 200 no debería ensanchar ya
que el error es tuyo y no del navegador, cuando el navegador es quien
empieza a interpretar por su cuenta es cuando nos vienen la mayoría de los
problemas.

Un saludo y espero que te sirva.



El día 27/11/07, Francisco J. Beltrán Hernández <[EMAIL PROTECTED]> escribió:
>
> 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
>
> 
>   
> 
>
> y el siguiente estilo
>
> div {
>   width: 100px;
>   border:#00 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


[Ovillo] Capa que se amplie según el contenido f ijo en ie7

2007-11-26 Por tema Francisco J. Beltrán Hernández
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 
 

  

 
y el siguiente estilo
 
div {
  width: 100px;
  border:#00 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