Viejo problema de estilos (MSIE-Mozilla)

[Sirdawn]

Hola.

Hace tiempo que ví un hilo donde se discutía este clásico problema, pero no lo encuentro. Mi problema es que utilizando ejemplos muy sencillos de márgenes (utilizando tanto margin como padding) en MSIE se ve muy diferente que en el caso de Firefox.

Poniendo un sencillo "margin-top: 10px;" parece que ese 10px lo cuentan de forma diferente dependiendo del navegador.

Alguien tiene idea de cómo poder solucionar este problemilla clásico??

Saludos!!

[Nigel]

En el caso de IE 6.0, si usas como doctype XHTML 1.0 (en cualquiera de sus versiones, y sin prólogo XML), no deberías tener problemas, pero en caso contrario, IE renderiza la página en modo "quirks", que es cuando utiliza el modelo de caja no estandar:

Aquí tienes toda la información (en inglés)
http://www.quirksmode.org/css/box.html

[jesusbet]

Lee:
http://www.disenorama.com/articulos/...e-cajas-en-CSS

Yo suelo usar un 'hack' (más bien aprovecho una propiedad que no implementa internet explorer) llamado selector de elementos hijos (child selector)

elemento_padre>elemento_hijo {estilos}

Esto es reconocido por los navegadores 'estándar' (todos los que implementan de buena manera CSS) y no es comprendido por internet explorer.

De esta manera puedes definir medidas diferentes para los navegadores e internet explorer.

Saludos

[fonoteca]

Si no te parec mucho trabajo yo hago lo siguiente:

Preparo la hoja de estilos para Mozilla y similares.
Luego con Explorer cargo la página y ajusto el diseño guardando la página como titulo_ie.css. (el título el que tu quieras)

Luego introduzco este javascript para que cargue la CSS en función del navegador.
--------------------------------------------------------------------------
if ((navigator.appName).indexOf("Microsoft")!=-1) {
document.write('<link rel="stylesheet" href="../css/titulo_ie.css" type="text/css">');
}
else {
document.write('<link rel="stylesheet" href="../css/titulo.css" type="text/css">');
}
---------------------------------------------------------------------------

Me funciona y puedes vivitar mi web como ejemplo

Fonoteca de radio (en cualquier buscador)

Espero ser de utilidad.

[jesusbet]

pero eso es como trabajar doble no?

[fonoteca]

Trabajas en el diseño una vez y luego otra de ajuste con el segundo navegador.
Pero es lo mismo aunque hagas los códigos de engaño ¿no?
En mi caso las dos páginas estan limpias y son totalmente funcionales , según el navegador.

[jesusbet]

yo generalmente ajusto pixeles perdidos de internet explorer, pero son pocos... no hago hojas de estilo para cada navegador...