Re: [Ovillo] anchos diferentes FF e IE

[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

Re: [Ovillo] anchos diferentes FF e IE

[carlos campderrós]

respuesta al final

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)
>
> ¿Cómo puedo hacer para "engañar" a Explorer y que ambas cajas midan lo mismo
> - 780 px-?

en IE6/win, si la primera línea del html es el DOCTYPE, IE se comporta
en modo "Standards Compliant" y es buena persona. En caso contrario,
se pone en modo "quirks mode" y usa un modelo de cajas erróneo.

En IE5 o IE5.5/Win, usa comentarios condicionales (no tengo el link a
mano, busca en google) para darle otras medidas a IE.

No sé que tal se comporta IE en mac, pero juraría que los comentarios
condicionales no funcionan, así que si con el DOCTYPE no se arregla,
deberás de usar otros hacks más sucios... Y en IE4 y anteriores para
windows, tampoco sé como se comporta.

Saludos

-- 
Si no puedes deslumbrar con tu inteligencia,
desconcierta con tus gilipolleces
___
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

[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

[Ovillo] anchos diferentes FF e IE

[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.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