Foros del Web » Creando para Internet » CSS »

Listas como menus descuadradas en IE

Estas en el tema de Listas como menus descuadradas en IE en el foro de CSS en Foros del Web. Hola, he estado usando unas listas para un menu y todo se ve bien, pero cuando abri la pagina en IE6 vi que entre una ...
  #1 (permalink)  
Antiguo 08/12/2008, 11:22
Avatar de sjam7  
Fecha de Ingreso: diciembre-2001
Ubicación: Guadalajara, Mexico
Mensajes: 3.669
Antigüedad: 16 años
Puntos: 16
Listas como menus descuadradas en IE

Hola, he estado usando unas listas para un menu y todo se ve bien, pero cuando abri la pagina en IE6 vi que entre una opcion del menu y otra hay mucho espacio, en Firefox y en IE7 se ven bien pero no se por que en el 6 no se ve bien, el codigo es este:

Código:
.navi {  
    list-style:none;
    margin:0;
    padding:0;
}

.navi li{
    margin:1px;
    padding:0;
}

.navi li a {
    display:block;
    /*width:160px;*/
    padding:4px 0 4px 5px;
    margin:0;
    text-decoration:none;
    text-align:left;
    font-size:11px;
    color:#000;
    background-color:#4ACCD1;
    border-left:10px solid #2DADB4;
}

.navi li a:hover {
    color:#FFF;
    background-color:#2DADB4;
    border-left-color:#FF6600;
}
y la parte de la lista en el HTML es esta:
Código:
<ul class="navi" style="width:100%">
        <li><a href="index.asp">INICIO</a></li>
        <li><a href="buscador.asp">BUSCADOR</a></li>
        <li><a href="contratar.asp">AGREGAR SU EMPRESA</a></li>
        <li><a href="usuarios.asp">USUARIOS</a></li>
    </ul>
Esto lo tengo dentro de un TD con ancho fijo

Gracias de antemano
  #2 (permalink)  
Antiguo 08/12/2008, 11:52
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: Listas como menus descuadradas en IE

ponle a todos los li esta propiedad:
line- height: XXpx

Sino, puede ser que tengas puesto algún margin en los li o que no tengas puesto margin:0;

Aresillo!!
  #3 (permalink)  
Antiguo 08/12/2008, 12:01
Avatar de sjam7  
Fecha de Ingreso: diciembre-2001
Ubicación: Guadalajara, Mexico
Mensajes: 3.669
Antigüedad: 16 años
Puntos: 16
Respuesta: Listas como menus descuadradas en IE

la cosa es que los unicos margin que tengo son los que vienen en el codigo, y el problema es que entre una opcion del menu y la otra el espacio es en blanco
  #4 (permalink)  
Antiguo 08/12/2008, 18:20
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: Listas como menus descuadradas en IE

Te he retocado el código para lo que querías... o eso creo...
Está validado CSS y XHTML 1.0 strict
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">
<head>
<title>sjam7</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<style type="text/css">
.navi,navi li {  
    list-style:none;
    margin:0;
    padding:0;
	background-color:#4ACCD1;
}
.navi{
padding-bottom:3px;
}
.navi li a {
    padding:4px 0 4px 5px;
    text-decoration:none;
    font-size:11px;
    color:#000;
    border-left:10px solid #2DADB4;
}
.navi li a:hover {
    color:#FFF;
    background:#2DADB4;
    border-left-color:#FF6600;
}
</style>
</head>
<body>
<ul class="navi">
        <li><a href="index.asp">INICIO</a></li>
        <li><a href="buscador.asp">BUSCADOR</a></li>
        <li><a href="contratar.asp">AGREGAR SU EMPRESA</a></li>
        <li><a href="usuarios.asp">USUARIOS</a></li>
</ul>
</body>
</html>
Aresillo!!
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 11:29.