Foros del Web » Creando para Internet » CSS »

Problema con margenes de IE y Firefox!!!

Estas en el tema de Problema con margenes de IE y Firefox!!! en el foro de CSS en Foros del Web. Hola he hecho este menu desplegable y tengo problemas al visualizarlo en los navegadores Internet Explorer 7 y mozilla Firefox aqui les pongo el codigo ...
  #1 (permalink)  
Antiguo 27/02/2008, 09:21
 
Fecha de Ingreso: febrero-2008
Mensajes: 6
Antigüedad: 9 años, 9 meses
Puntos: 0
Problema con margenes de IE y Firefox!!!

Hola he hecho este menu desplegable y tengo problemas al visualizarlo en los navegadores Internet Explorer 7 y mozilla Firefox

aqui les pongo el codigo

HTML
Cita:
<div id="menucont">
<ul class="menu">
<li><a href="#">Inicio</a></li>
<li><a href="#">Quienes Somos</a></li>
<li>Productos
<ul>
<li><a href="#">Inicio</a></li>
<li><a href="#">Quienes Somos</a></li>
</ul>
</li>
</ul>
</div>
CSS
Cita:
#menucont{
width:100%;
background:url(imagenes/back_menu.gif) top repeat-x;
float:left;
height:26px;
clear:both;
margin: 0px;
padding-left:13px;
}
#menucont a {
color:#000000;
margin:0px;
padding:0px;
}
#menucont a:hover {color:#006600;}
ul.menu {
height:26px;
padding:0px;
font-weight: bolder;
color: #000000;
list-style:none;
margin:0px;
float:left;
}
ul.menu li{
font-size:10px;
display:inline;
line-height:26px;
padding:7px;
position:relative;
background: #009900;
}
ul.menu li:hover{
color: #006600;
}
ul.menu ul {
display:none;
list-style:none;
position:absolute;
left:0px;
top: 26px;
background: #E4E4E4;
padding:0px;
width: 150px;
color: #000000;
opacity:0.8;
margin: 0px;
z-index:+199;
}
ul.menu ul li{
display:block;
padding:5px 0px 0px 7px;
margin-top:0px;
position:relative;
}
ul.menu ul li:hover{
display:block;
background: #C1C1C1;
color: #006600;
margin:0px;
}
ul.menu li:hover > ul
{
display:block;
}
El problema es que en IE los elementos ul.menu ul li muestran un margen que los separa, cosa que no sucede en Firefox.
Ademas Firefox Muestra los elementos ul.menu li con una separacion similar a la que muestran los elementos ul.menu ul li en Internet Explorer
  #2 (permalink)  
Antiguo 24/04/2008, 19:11
 
Fecha de Ingreso: abril-2008
Ubicación: -
Mensajes: 156
Antigüedad: 9 años, 7 meses
Puntos: 5
Re: Problema con margenes de IE y Firefox!!!

Lo mejor para asegurarte es que les des a todos los elementos ul y ul li line-height, padding y margin.


Un saludo.
  #3 (permalink)  
Antiguo 25/04/2008, 15:29
Avatar de Calisco  
Fecha de Ingreso: marzo-2004
Ubicación: Neuquen
Mensajes: 732
Antigüedad: 13 años, 9 meses
Puntos: 4
Re: Problema con margenes de IE y Firefox!!!

Primero, tanto código me marea. Tenes que tener en cuenta que IE6 el valor del margin está contemplado dentro del tamaño del box. Por ejemplo, si tienes ... width: 200px; margin: 20px, esa caja tiene un ancho de 200px con el margen incluído. En otros browsers tendrías un tamaño total de 240px (20xp por cada lado del margin).
Empezá por ahí.
Saludos.
__________________
| Cabeza De Raton |
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 05:45.