Comunidad de diseño web y desarrollo en internet online

problema de compatibilidad entre IE y FF con capas centradas

Citar            
MensajeEscrito el 21 Nov 2007 12:28 am
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

Por danir85

1 de clabLevel



Genero:Femenino  

msie7
Citar            
MensajeEscrito el 22 Nov 2007 02:22 pm
Mmmm... estuve mirando tu sitio... creo q deberias cambiar un poco la estructura (y ni hablar q ya NO deberias usar tablas para maquetar)

Proba con una estructura como la siguiente

Código :

<div id="content">
      <div id="header"></div>
      <table></table>
</div>


y debes usar unos estilos como los siguentes

Código :

*   {
   margin:0;
   padding:0;
}

body   {
   background-color:#ffffff;
   text-align:center;
}

#content   {
   margin:auto;
   text-align:left;
   width:958px; /*es el ancho del sitio*/
}


Es el codigo q uso siempre para centrar horizontalemente...

Espero q te sirva


Saludos

Por 3w

145 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 23 Nov 2007 03:49 am
:D muchas gracias por la respuesta!
Voy a probar lo que me decis.
Que recomendas usar en vez de tablas??

Saludos...

Daniela

Por danir85

1 de clabLevel



Genero:Femenino  

msie7
Citar            
MensajeEscrito el 24 Nov 2007 10:36 am
Las tablas SOLO se deben usar para tabular datos... Todo lo demas se hace con los elementos correspondientes

Por ejemplo si tenes q hacer un listados usas ULs... si necitas hacer un "divicion" de la pag (por ejemplo el cuerpo de la pagina) usas un DIV... si tenes q hacer un menu (un menu no es mas q un listado de opciones) usas un UL, si tenes q escribir parrafos usas P, si tenes q dar formato a un texto podes usar SPAN... etc. etc... luego todo esto lo "decoras" y ubicas con CSS


Cualquier duda consulta!


Saludos

Por 3w

145 de clabLevel



Genero:Masculino  

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.