La duda de siempre supongo, las diferencias entre browsers...
Veamos, tengo un div principal que contiene varios div's con posición relativa unos a otros. A pesar de no tener marcados espacios, uno de los div se ve más abajo en Mozilla con respecto de IE que se ve bien...
Os paso los códigos si no hay problema:
<div id="maincontainer" class="homepage">
Principio del DIV
<div id="headercontainer">
<div id="headerarea">
<div class="encabezado"><a href="PBHomePage.asp?PBMInit=1" title="Volver a inicio"><img class="img-bor" src="Files/30319/Img/04/logo_xxxxx.png" alt="Volver a inicio"></a></div>
<div id="headermenu"><ul id="hmenu"><li class="begin">
Esto es un menú
</ul>
</div>
</div>
</div>
</div>
En un maincontainer he metido un headercontainer que contiene el headerarea que a su vez, contiene dos cosas, un logo y un menú.
El menú se ve más abajo en Mozilla.
CSS
#maincontainer {
text-align:left;
margin:0px auto;
padding: 0px auto;
width:980px;
}
#headercontainer {
margin: 0px auto;
position: relative;
background-image: url(/Files/30319/Img/22/fondo_header.jpg);
z-index:100; /* Necessary for correct display of dropdown menus */
padding: 0px auto;
background-repeat: repeat-x;
/*background-image: url(http://www.votre-url-image); */
}
#headerarea {
position:relative;
margin:0px auto;
padding:0px auto;
height: 171px;
}
#headermenu {
position: relative;
top: 0px;
width: 100%;
height: 49px;
padding: 0px;
background-repeat: repeat-x;
background-image: url(/Files/30319/Img/10/fondo_menu_hor.jpg);
}
Alguna idea? Gracias a todos...
