Hola a todos.
Mi problema es que estoy tratando de centrar mi página con css para firefox y resulta que la propiedad margin:0 auto; no me está funcionando y no sé por qué ya que ya consulté el soporte de css de firefox y mi código aparentemente está bién.
Les adjunto el código para que me puedan asesorar.
Gracias a todos desde ya.
Archivo html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html name = "inicio" >
<head>
<title>Ventas Reino.</title>
<script type="text/javascript" id="codigo" src="funciones_web.js" >
</script>
</head>
<body onload="navegador();" >
<br>
<div id="pagina">
<div id="cabecera" >
<ul id="menu" >
<li onmouseover="desplegar('menu_capilares');" onmouseout="enrollar('menu_capilares');"><a href="">Capilares</a></li>
<li onmouseover="desplegar('cuidado_facial');" onmouseout="enrollar('cuidado_facial');"><a href="">Cuidado facial</a></li>
<li onmouseover="desplegar('cuidado_corporal');" onmouseout="enrollar('cuidado_corporal');"><a href="">Cuidado corporal</a></li>
<li><a href="" >Chicos</a></li>
<li onmouseover="desplegar('Belleza_interior');" onmouseout="enrollar('Belleza_interior');" ><a href="">Belleza interior</a></li>
<li onmouseover="desplegar('fragancias');" onmouseout="enrollar('fragancias');" ><a href="">Fragancias</a></li>
<li><a href="" >Aromas</a></li>
<li onmouseover="desplegar('reino_beauty');" onmouseout="enrollar('reino_beauty');" ><a href="">Reino beauty</a></li>
</ul>
<ul id="menu_capilares" onmouseover="desplegar('menu_capilares');" onmouseout="enrollar('menu_capilares');">
<li><a href="Capilares/Almendras/bano_de_crema_con_jojoba_y_almendras_DA101.html" > Línea almendras</a></li>
<li><a href="Capilares/Bamboo/shampoo_bamboo_ultrahidratante_CI102.html" > Línea bamboo</a></li>
<li><a href="Capilares/Hair_solutions/shampoo_de_aminoacidos_HS103.html" > Línea hair solutions</a></li>
<li><a href="Capilares/Henna/shampoo_henna_OC106.html" > Línea henna</a></li>
<li><a href="Capilares/Lino/shampoo_con_extracto_de_semillas_de_lino_LN100.htm l" > Línea lino</a></li>
<li><a href="Capilares/Ortiga/locion_tonica_anticaida_del_cabello_OC102.html" > Línea ortiga</a></li>
</ul>
<ul id="cuidado_facial" onmouseover="desplegar('cuidado_facial')" onmouseout="enrollar('cuidado_facial');">
<li><a href="Lifting_hidratante.html" >Lifting hidratante</a></li>
<li><a href="Antioxidante.html" >Antioxidante</a></li>
<li><a href="Phytoactiva.html" >Phytoactiva</a></li>
<li><a href="Rejuvalene.html" >Rejuvalene</a></li>
<li><a href="Nectar.html" >Nectar</a></li>
<li><a href="Collagenesse.html" >Collagenesse</a></li>
<li><a href="Tratamiento.html" >Tratamiento</a></li>
<li><a href="Dyamante_cell.html" >Dyamante cell</a></li>
<li><a href="Abyssine.html" >Abyssine</a></li>
<li><a href="Hidracalme.html" >Hidracalme</a></li>
<li><a href="Time_release.html" >Time release</a></li>
<li><a href="H20_termal.html" >H20 termal</a></li>
<li><a href="Acai.html" >Açai</a></li>
<li><a href="Spa.html" >Spa</a></li>
</ul>
<ul id="cuidado_corporal" onmouseover="desplegar('cuidado_corporal');" onmouseout="enrollar('cuidado_corporal');" >
<li><a href="Citrus.html" >Citrus</a></li>
<li><a href="Golden_sun.html" >Golden sun</a></li>
<li><a href="Mantecas_corporales.html" >Mantecas corporales</a></li>
<li><a href="Seda.html" >Seda</a></li>
<li><a href="Top_modeling.html" >Top modeling</a></li>
<li><a href="Triple_accion.html" >Triple acción</a></li>
<li><a href="Camila.html" >Camila</a></li>
<li><a href="Propoleos_b.html" >Propóleos b</a></li>
<li><a href="Blueberry.html" >Blueberry</a></li>
<li><a href="Eucalyptus.html" >Eucalyptus</a></li>
<li><a href="Beauty_feet.html" >Beauty feet</a></li>
</ul>
<ul id="reino_beauty" onmouseover="desplegar('reino_beauty');" onmouseout="enrollar('reino_beauty');">
<li><a href="Ojos.html" >Ojos</a></li>
<li><a href="Labios.html" >Labios</a></li>
<li><a href="Rostro.html" >Rostro</a></li>
<li><a href="Manos.html" >Manos</a></li>
</ul>
<ul id="fragancias" onmouseover="desplegar('fragancias');" onmouseout="enrollar('fragancias');">
<li><a href="Femeninas.html" >Femeninas</a></li>
<li><a href="Masculinas.html" >Masculinas</a></li>
</ul>
<ul id="Belleza_interior" onmouseover="desplegar('Belleza_interior');" onmouseout="enrollar('Belleza_interior');" >
<li><a href="Eco_reino.html" >Eco reino</a></li>
<li><a href="Infusiones.html" >Infusiones</a></li>
<li><a href="Propoleos_plus.html" >Propóleos plus</a></li>
<li><a href="Suplementos.html" >Suplementos</a></li>
</ul>
</div>
<div id="productos" >
<div id="imagenes" >
<a href="../../index.html" ><img src="Capilares/Almendras/da101.jpg" alt="Bańo de crema con jojoba y almendras."></a>
<a href="Capilares/Almendras/acondicionador_de_almendras_DA103.html" ><img src="Capilares/Almendras/da103.jpg" alt="Acondicionador de almendras."></a>
</div>
<div id="contenido" >
<p>Capilares > ALMENDRAS</p>
<p>BAÑO DE CREMA CON JOJOBA Y ALMENDRAS</p>
<p>Su fórmula enriquecida con aceite de almendras dulces y aceite de jojoba penetra en la fibra capilar, humectándola. Así, nutre, repara e hidrata profundamente el cabello, especialmente en las zonas castigadas. Devuelve el nivel de hidratación ideal, dejando el cabello suave, brillante y protegido. Apto para todo tipo de cabellos dañados por agresiones ambientales o químicas.</p>
<p>COD: DA101 | 200g</p>
<p>$ 69.9</p>
<a href="" id="comprar" onclick="cargar_chango('Baño de crema con jojoba y almendras.');" >Comprar</a>
</div>
</div>
</div>
</body>
</html>
Archivo css:
/* Cabecera */
#pagina {
position:relative;
width:960px;
}
#cabecera {
position:absolute;
padding:6px 0px;
width:960px;
z-index:6;
margin:0 auto;
}
#menu {
position:absolute;
margin:0 auto;
}
ul li {
list-style:none;
background-color:lime;
font-size:1.28em;
padding:7px 9px;
}
ul li a {
text-decoration:none;
}
ul#menu li {
float:left;
}
ul li:hover {
background-color:yellow;
}
#menu_capilares,#cuidado_facial,#cuidado_corporal, #reino_beauty,#fragancias,#Belleza_interior {
position:absolute;
display:none;
top:26px;
z-index:1;
}
#cuidado_facial {
left:10%;
}
#cuidado_corporal {
left:24%;
}
#Belleza_interior {
width:141px;
left:48%;
}
#reino_beauty {
width:120px;
left:82%;
}
#fragancias {
width:105px;
left:62.7%;
}
/* Productos */
#productos {
margin:0 auto;
position:relative;
width:900px;
top:6.25em;
}
#imagenes {
margin-left:35%;
border:none; /*ie 8*/
}
img {
border:none; /* Para ie 8 */
}
a:visited {
color:blue;
}
#contenido {
width:900px;
font-size:1.28em;
padding:0px 15px;
}
Gracias a todos.