Foros del Web » Creando para Internet » Diseño web »

problema de compatibilidad entre IE y FF con capas centradas

Estas en el tema de problema de compatibilidad entre IE y FF con capas centradas en el foro de Diseño web en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 21/11/2007, 19:56
 
Fecha de Ingreso: agosto-2007
Mensajes: 4
Antigüedad: 10 años, 3 meses
Puntos: 0
Mensaje problema de compatibilidad entre IE y FF con capas centradas

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
  #2 (permalink)  
Antiguo 22/11/2007, 04:59
 
Fecha de Ingreso: noviembre-2007
Mensajes: 16
Antigüedad: 10 años
Puntos: 0
De acuerdo Re: problema de compatibilidad entre IE y FF con capas centradas

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.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:24.