problemas con margin en explorer 6

[capagris]

Muy buenas.

desde la salida explorer 7 testeo mis maquetaciones en explorer 6 , 7 y en firefox.

Un problema al que no encuentro solución es que se puedan ver igual los "div" con el mismo margin en los tres navegadores, en explorer 7 y firefox se ve igual, sin problemas, pero en explorer 6 el margin se hace mayor.

Por ejemplo si le aplico a una etiqueta el atributo margin y como valores 0 0 0 25px; para que tenga un espación lateral de 25 px, en explorer 6 el margen es mayor.

Hay alguna manera de solucionarlo para que se vea en los tres igual?


Muchas gracias

[manujav]

prueba con:

margin:0 0 0 25px;
_margin:0 0 0 -25px;

La instrucción con guión bajo sólo afecta a IE6, pero no sé si pase lo mismo con IE7.

Saludos

[capagris]

Muchas gracias manujav.

de esta forma se soluciona en explorer 6 pero ahora se ve mal en exporer 7.


Esto parece de locos.

alguien sabe alguna solución?

[JHMorales]

Hola:
pón al comienzo del css:

* {
padding: 0;
margin: 0;
z-index: 1;
}
así anulas todos los paddin y margin que ponen los navegadores por defecto. Suerte, Jorge H.

[manujav]

Hola Jorge:
Pues definitamente ese tip es excelente, ya que es como resetear todos los valores y empezar de 0, con lo que el sitio se ve igual en TODOS los navegadores...
Encontramos el santo grial de CSS!!!
(bueno creo que exageré un poco )

[manujav]

Bueno, por lo menos incluyanlo en las FAQs de CSS no?

[Raspinu]

* {
padding: 0;
margin: 0;
z-index: 1;
}

OK!!

Estaba buscando una solucion para un problema con Firefox y Ie el cual al poner un <h2> me daba problemas ya que en el Firefox siempre salia 3 pixels más bajo ....y ..

Con lo que comento JHMorales se soluciono!!!.

[marcelomdsc]

otra forma de lograr eso, y sobre todo para cuando precisas arreglar mas de un problema con un determinado explorador es, "if conditional statement"

como por ej:...

<!--[if IE 6]>
<style type="text/css">
#ejemplo {
margin: 0px;
}
</style>
<![endif]-->

eso lo pones despues de tu link para css.

[aventura4ever]

Hola, ninguno de los métodos que ponen aquí me sirvió así que seguí buscando y encontré la solución, (solo para dejar como archivo ) agregar esto:

Código:

display:inline;

a los atributos del div para quitar el margin y padding por defecto. entre ellos del IE6

Salu2