Centrar div en firefox

Jamlet · #1 (**permalink**) 08/04/2009, 04:56

Me pasa algo muy raro. Tengo una web que en IE consigo que la capa "hoja" quede donde quiero aunque varie la resolución del monitor. Pero en Firefox no lo hace

¿Alguna idea de que pasa? Yo creo que tiene que ver con que aunque parte de la capa "background" quede oculta, IE supone que la capa mide tanto como la imagen que le he puesto como fondo. Y Firefox no hace eso.

Tengo estas propiedades en la hoja de estilos:

Código PHP:

  html{width:100%; height:100%; color:#000000; margin: 0; padding: 0;} 
body{width:100%; height:100%; min-width:500px;    font-family:Arial, Helvetica, sans-serif; text-align:center; background:#000000 url(../imagenes/fondo3.jpg) no-repeat top; margin: 0; padding: 0;} 
 
#background_ini{ 
    position: absolute; /*Posicionamiento absoluto*/ 
    left: 50%; /*Desde la izquierda, colocar al 50% de la pantalla*/ 
    margin-left: -694px; /*Restamos la mitad de ancho del SWF para centrarlo horizontalmente*/ 
    overflow-x:hidden; 
} 
 
#background{ 
    background-image: url(../imagenes/background22.png); 
    background-repeat:no-repeat; 
    background-position:top; 
    width:100%; 
    left:50%; 
    height:730px; 
    margin-left:auto; 
    margin-right:auto; 
    z-index:0; 
} 
 
#menu_flash{ 
    top:auto; 
    margin-left:-130px; 
} 
 
#hoja{ 
    width:680px; 
    height:395px; 
    margin:60px 0px 0px 330px; 
    z-index:1; 
} 
 
#pie{  
    color:#000066; 
    width:740px; 
    margin:30px 0px 0px 295px; 
    font-family:Arial, Helvetica, sans-serif; 
    font-weight:bold; 
    font-size:12px; 
}

Y mi html es así:

Código PHP:

  <body> 
<div id="background"> 
    <div id="menu_flash"> 
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="280" height="107"> 
        <param name="movie" value="swf/menu.swf"> 
        <param name="quality" value="high"> 
        <param name="wmode" value="transparent"> 
        <embed src="swf/menu.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="280" height="107" wmode="transparent"></embed> 
      </object> 
    </div> 
    <div id="hoja"></div> 
    <div id="pie"> 
        <div id="izda">&copy; - <a href="copyright.htm" target="_blank">Copyright Empresa S.L.</a></div> 
        <div id="dcha" ><a href="javascript:miFuncion(mapa)">Mapa web</a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="contacto.htm" target="_blank">Contacto</a>&nbsp;&nbsp;-&nbsp;&nbsp; Atención al cliente:&nbsp;&nbsp; 666 666 666</div> 
    </div> 
</div> 
</body>

Gracias por adelantado.

NaRanJiTo78 · #2 (**permalink**) 08/04/2009, 05:00

Cual es la web?

kseso? · #3 (**permalink**) 08/04/2009, 05:23

Cita:

Iniciado por Jamlet

Me pasa algo muy raro. Tengo una web que en IE consigo que la capa "hoja" quede donde quiero aunque varie la resolución del monitor. Pero en Firefox no lo hace ...

¿Y dónde queda?
¿y cómo quieres tú que quede?