problema de compatibilidad entre IE y FF con capas centradas

[danir85]

Hola a todos! Les planteo el problema...
Hice una página en Dreamweaver que tiene 2 capas:
1- con un swf con fondo transparente (wmode=transparent), ya que es un menú desplegable
2- con una tabla con el resto de la página desarrollada en dreamweaver
Después de mucho investigar logré centrar ambas capas, y superponerlas.
En el Explorer se ve perfecto, pero en Firefox no! la capa con el swf se ve en el margen izquierdo, mientras que la otra capa si queda centrada... osea que queda totalmente desfasado.
Y ademas en el FF el swf "tapa" al resto de la página, y los links no funcionan.

Esta es la dirección: http://www.quickgraph.com.ar/themindco
Alguien conoce la solución??
Desde ya les agradezco!

Daniela

[Disaigner]

Hola, bueno he estado revisando tu web y el css, el problema podría residir en que la tabla (Layer 3) está centrada por código HTML (align="center") y no marginada con CSS, por tanto te recomiendo que no uses align para centrar tablas ni divs, sino uses text-align con CSS en ambas capas.

Lo primero que tienes que hacer es crear un contenedor general donde estarán situadas ambas capas (Layer 2 y 3), llamalo por ejemplo #container, añádele el siguiente estilo CSS, text-align: center; margin:0; . Con esto debería ser suficiente.

Entonces, te quedaría por añadir las capas dentro del container y añadirles a ambas las propiedades css, float: left (que creo que ya lo tienes), y marginar de igual manera a ambas capas. Te recomiendo que como margen y al estar dentro de contenedor le pongas: margin-left: auto; El resto todo como está.

Y con esto ya debería ser suficiente.

Ya me contarás.