Estos enlaces pueden ayudar a entender las diferencias entre navegadores
a la hora de interpretar el modelo de caja:
http://css.maxdesign.com.au/listamatic/about-boxmodel.htm
http://tantek.com/CSS/Examples/boxmodelhack.html
Y para que vayamos estudiando, un poco de lo que viene en el futuro:
http://www.w3.org/TR/2002/WD-css3-box-20021024/
Saludos
[EMAIL PROTECTED] escribió:
¿Se comporta diferente IE 6 y Firefox en el tratamiento de modelo de caja? la
pregunta sale de un problema que estoy teniendo y que os detallo a continuacion:
Tengo el siguiente div (este div es el central de un layout de 3 columnas)
#contenido
{
padding-left: 15px;
padding-right: 15px;
border-width:0;
margin-left: 1px;
margin-right:1-px;
width: 428;
}
dentro de este div tengo otros dos div que quiero que formen 2 columnas. Estos
div tiene estos estilos:
#obras
{
float:left;
padding: 0;
border-width:0;
margin-left: 1px;
margin-right: 1px;
width:248px;
}
#autor
{
float: left;
padding:0;
border-width:0;
margin-left:1px;
margin-right:1px;
width: 176px;
}
la estructura es:
bla bla
bla bla
Lo curioso es que en Firefox se ve correctamente y encaja a la perfeccion, pero en IE 6 la capa contenido crece (exactamente tengo 2 pixels de diferencias con los valores que os he puesto) y desplaza la capa a la derecha de contenido.
Si por ejemplo aumento el width de #autor a 200px, en firefox, ese div se me
coloca debajo de #obras, pero en IE 6 se mantiene a la derecha, con lo que
desplaza el div de la derecha de contenido.
¿Se me escapa algo o hay diferencias en el modelo de caja entre firefox y IE6?
Saludos y gracias de antemano :-)
___
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