Foros del Web » Creando para Internet » CSS »

Distancias diferentes en IE y Mozilla...

Estas en el tema de Distancias diferentes en IE y Mozilla... en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 09/05/2010, 15:53
 
Fecha de Ingreso: marzo-2006
Mensajes: 39
Antigüedad: 11 años, 8 meses
Puntos: 0
Distancias diferentes en IE y Mozilla...

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...
  #2 (permalink)  
Antiguo 10/05/2010, 14:33
Avatar de chichote
Colaborador
 
Fecha de Ingreso: diciembre-2004
Ubicación: Santiago - Chile
Mensajes: 1.868
Antigüedad: 13 años
Puntos: 145
Respuesta: Distancias diferentes en IE y Mozilla...

Sin duda existen diferencias en la forma en que renderizan los diferentes navegadores.

investiga sobre hacks css, te dejo un link

http://www.anieto2k.com/2006/12/26/c...ndo-los-hacks/

saludos.
__________________
http://chicho.ninja yiaaaa

Etiquetas: diferentes, mozilla
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 21:13.