Margen Superior en IE

[wigglyUtrera]

Hola, me imagino que esto le pasará a mas gente. He mirado en las FAQ's pero no he visto nada sobre el tema.

La cuestion es la siguiente:

tengo una capa(div) con una imagen y abajo de ella otra con una lista con la propiedad display:inline, el problema es que en IE(version 7) se ve un MARGEN en la parte superior de la capa de la lista, tiene puesto margin:0; y padding:0;

En firefox se ve perfectamente.


Alguna aportacion??

Graciasss

[MikiBroki]

probaste a ponerlo también en la capa de la imagen? Lo has probado en IE6 ?

[Mikmoro]

Un buen truco es poner un borde a los bloques con distintos colores para ver quién está ocupando ese espacio. De esa manera, de momento ya sabrás sobre cuál intentar actuar.

Mikel.

[wigglyUtrera]

Si, eso ya lo he probado y no lo entiendo, xq en Firefox funciona bien.

Una cuestion. Tengo instalado el IE7 y no me deja instalar el 6 pq es una version mas antigua. Hay alguna manera de tener los dos IE instalados?

[MikiBroki]

La única que conozco es instalar el VMWARE gratuito y crear un máquina virtual. Es muy sencillo.

http://www.vmware.com/

[JavierB]

HolawigglyUtrera

Otro enlace interesante: http://tredosoft.com/Multiple_IE

Saludos,

[wigglyUtrera]

Hola de nuevo. En realidad el problema es el padding porque el borde encaja perfectamente con la siguiente capa, pero tengo puesto padding:0; en todos lados de esa capa y nada.

En IE6 se ve igual que en IE7, mal. Firefox bien.

Alguna idea?

[Mikmoro]

No he visto tu ejemplo, pero normalmente en esos casos suele ser necesario utilizar márgenes negativos con comentarios condicionales para IE:

<!--[if IE]>
<style>
#tuselector {margin: -1px -1px 0 0;}
#otroselector {margin: 0 -1px 0 0;}
</style>
<![endif]-->

o lo que sea.

Mikel.

[wigglyUtrera]

Mikmoro gracias. Me ha servido eso, aunque en firefox se come un poco de la imagen pero bueno, no es mucho.

Una pregunta: eso de margenes negativos da error a la hora de validar la página?

[Mikmoro]

No, no da error porque son perfectamente válidos. Y si se te come un poco al verlo en firefox es que algo hay mal; los comentarios condicionales sirven para que sólo afecte lo que haya dentro a IE, porque sólo él sabe interpretarlos, de manera que firefox u opera deben ignorar lo que ponga ahí.

Como te digo, si les afecta es que está mal puesto o hay algún error.

Mikel.

[wigglyUtrera]

Perfecto Mikmoro, habia puesto mal una cosilla.


Mil gracias

[wigglyUtrera]

Otra preguntita Mikmoro.

Lo que me has dicho lo he puesto asi:

Código HTML:

<style type="text/css" media="all">
		@import "otro.css";
</style>
<!--[if IE]>
<style type="text/css" media="all">
		@import "ie.css";
</style>
<![endif]--> 

Los comentarios condicionales se pueden poner dentro de el archivo CSS, es que he probado y no me va bien.

Y si lo dejo asi, en IE coge el archivo otro.css y despues coge ie.css
Si quito algo de ie.css, no se nota el cambio porque ya esta en otro.css

No se si me explico.

Gracias

[wigglyUtrera]

Lo he hecho con javascript, no se si habra alguna manera con los comentarios condicionales.

Gracias

[MikiBroki]

Ojo, los condiciones deben ponerse en la página .html, no funcionan en .css