Re: [Ovillo] problema con "overflow: auto" y "margin" en IE7

[Alfonso Martin]

Efectivamente Diego, aun no está en el mercado, pero cualquier interesado
puede anticiparse al mismo e ir preparándose. Actualmente está disponible la
versión Beta 2. Además el motor que interpretará CSS será exactamente el
mismo que el de la versión final, puesto que no serán añadidas más
correcciones.

Te remito a 
http://www.webstandards.org/2006/03/21/ie-7-beta-preview-2-out-now/

Sabiendo esto, hoy por hoy se puede programar teniendo en cuenta dicho
navegador. Sobre todo el que no quiera llevarse sustos en el futuro, al ver
que las páginas que programó acaban descolocadas.

El Box Model parace que lo han arreglado en esta nueva versión de IE7, salvo
en algunos puntos, por ejemplo el de autoexpandir fondos, que se comporta
casi como IE6.

Por tanto, probé con los padding, como dijiste, y al final conseguí
arreglarlo, y funciona perfectamente en FireFox, IE6 e IE7. Pego el texto
para quien pueda interesarle.


#padre{
overflow: auto; /* para FF e IE7 */
height: 100%;   /* para IE6 */
background-color: #99cc33;
padding: 10px;  /* Simula el margin de las hijas */
}
#hija1{
float: left;
padding: 30px;
background-color: #c0c0c0;
}
#hija2{
float: left;
padding: 30px;
background-color: #c0c0c0;
margin-left: 20px; /* Simula el margin de la hija1 */
}


Ahora el fondo de la capa contenedora se expande como esperaba.

Gracias y saludos,
Alfonso.
 


-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Diego Martín Lafuente
Enviado el: sábado, 20 de mayo de 2006 14:12
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] problema con "overflow: auto" y "margin" en IE7


IE7 es un navegador que no está en el mercado, todavía no saldrá  
hasta dentro de un buen tiempo, y como todo, será, al principio una  
ínfima parte de las estadísticas.

Respondiendo a tu pregunta: prueba con paddings en vez de márgenes.

Saludos.


On 20/05/2006, at 10:49, Alfonso Martin wrote:

>
> overflow: auto; /* asi autoexpando la capa según las  
> contenidas
> */
>
> background-color: #99cc33;
>
> }

___
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://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://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] problema con "overflow: auto" y "margin" en IE7

[Diego Martín Lafuente]

IE7 es un navegador que no está en el mercado, todavía no saldrá  
hasta dentro de un buen tiempo, y como todo, será, al principio una  
ínfima parte de las estadísticas.

Respondiendo a tu pregunta: prueba con paddings en vez de márgenes.

Saludos.


On 20/05/2006, at 10:49, Alfonso Martin wrote:

>
> overflow: auto; /* asi autoexpando la capa según las  
> contenidas
> */
>
> background-color: #99cc33;
>
> }

___
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://ovillo.org/mailman/listinfo/ovillo

[Ovillo] problema con "overflow: auto" y "margin" en IE7

[Alfonso Martin]

¡Buenas! Este es mi primer mensaje, y aprovecho para saludaros y agradecer
vuestra ayuda :-)

 

Mi duda es la siguiente: tengo una capa contenedora que alberga dos capas
flotantes. La capa contenedora se autoexpande, en función de la altura de
las contenidas. Pero el problema es que no consigo que IE7 tenga en cuenta
el margin inferior de las capas contenidas, a la hora de autoexpandir la
capa contenedora. (Curiosamente si que tiene en cuenta el magin superior y
laterales de las contenidas).

 

Este es el código:

 

#contenedora{

overflow: auto; /* asi autoexpando la capa según las contenidas
*/

background-color: #99cc33;

}

#contenida1{

float: left;

margin: 10px; padding: 30px;

background-color: #c0c0c0;

}

#contendia2{

float: left;

margin: 10px; padding: 30px;

background-color: #99;

}

 



Epi.

Blas.



 

 

¿Hay alguna solución para IE7, con CSS válido, con la cual el fondo de la
capa contenedora cuente con el margin inferior de las capas contenidas, y se
autoexpanda en consecuencia?  Gracias de antemano,

 

Saludos,

Alfonso.

 

 

___
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://ovillo.org/mailman/listinfo/ovillo