[Ovillo] anchos diferentes FF e IE

2006-10-16 Por tema Monica Forrisi
Estimados: tengo el siguiente problema,

 

Si defino una div de 772px de ancho y border-left: 4px solid #FFF;
border-right: 4px solid #FFF;

Firefox me muestra una caja de 780 px (772 + 4 + 4),

mientras que IExplorer me muestra una caja de 772 px (con los 8 px de borde
sumados dentro del contenedor)

 

¿Cómo puedo hacer para engañar a Explorer y que ambas cajas midan lo mismo
- 780 px-?

 

Gracias desde ya

 

 

 

 

...
Mónica Forrisi
Departamento de Diseño / Montevideo COMM
Tel. (5982) 402 2516*
 http://www.montevideo.com.uy/ http://www.montevideo.com.uy
 http://www.montevideo.net.uy/ http://www.montevideo.net.uy
Bulevar Artigas 1081 -- 11200 -- Montevideo, Uruguay

 

___
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] anchos diferentes FF e IE

2006-10-16 Por tema AraDaen
Puedes hacerlo con el uso de !important, que ie se lo salta un poco a la
torera..

div.caja {
border:0 4px;
width:772px !important; 
width:780px;
}


IE 6 ignora la etiqueta !important y vuelve a redefinir el width con el
nuevo valor. 
Además es validable.

Saludos

___
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] anchos diferentes FF e IE

2006-10-16 Por tema Alejandro Lillo
On 10/16/06, Monica Forrisi [EMAIL PROTECTED] wrote:
 Si defino una div de 772px de ancho y border-left: 4px solid #FFF;
 border-right: 4px solid #FFF;
 Firefox me muestra una caja de 780 px (772 + 4 + 4),
 mientras que IExplorer me muestra una caja de 772 px (con los 8 px de borde
 sumados dentro del contenedor)


¡Felicidades! Acabas de encontrarte con el problema del modelo de
cajas erróneo del IE!
;-)

Si te parece que hablo en chino, leete este excelente artículo de Kemie:
http://www.disenorama.com/articulos/el-modelo-de-cajas-en-CSS

Soluciones, pues la mejor utilizar un doctype correcto [1] para que
ambos navegadores funcionen en modo estándares y usen el modelo de
cajas adecuado.

Y si te tienes que pelear con IE5.5, pues utiliza algunos de los hacks
que puedes ver en el artículo de Kemie.



[1] http://www.ericmeyeroncss.com/bonus/render-mode.html

-- 
Alejandro Lillo
www.nordic-design.net
___
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