Foros del Web » Creando para Internet » CSS »

problema con maquetacion menu en internet explorer y firefox

Estas en el tema de problema con maquetacion menu en internet explorer y firefox en el foro de CSS en Foros del Web. que todos los menus lo que es la lista <li> que uso en ellos se me ve centrada verticalmente como quiero en el firefox pero ...
  #1 (permalink)  
Antiguo 31/08/2010, 12:01
 
Fecha de Ingreso: mayo-2009
Ubicación: Andalucia
Mensajes: 650
Antigüedad: 8 años, 7 meses
Puntos: 1
problema con maquetacion menu en internet explorer y firefox

que todos los menus lo que es la lista <li> que uso en ellos se me ve centrada verticalmente como quiero en el firefox pero en internet explorer se me ve arriba del todo.....supongo que será por las diferente forma de como controlan internet explorer y firefox el css......pero no se como solucionarlo os pongo el codigo html y css haber si alguno me sabeis decir por que no se me ve igual los menus en ambos navegadores....
Código:
#caja{width:960px; height:1000px;; margin:0 auto;margin-top:-14px;}

#menu{width:960px; height:44px; background-color:#FA2405; float: left;}

#menu ul li { display:inline; padding-left:115px; list-style-type:none; font-weight:bold; padding-top:3px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-bottom:-15px;}
#menu a{ text-decoration:none; color:#FFFFFF; }

#menu a:hover{ color:#000000;}
index.html
Código:
<div id="caja">
<div id="menu">
<ul>
<li><a href="index.html">Inicio</a>
     
</li>
<li>
<a href="galerias.php">Galerias
</a>
</li>

<li>
<a href="cuidados.html">Cuidados
</a>
</li>
<li>
<a href="contacto.php">Contacto
</a>
</li>
</ul>

</div>
  #2 (permalink)  
Antiguo 31/08/2010, 12:46
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 8 años, 8 meses
Puntos: 101
Respuesta: problema con maquetacion menu en internet explorer y firefox

Ay! Hombre! Que es dificil de leer tu párrafo! Que no se escribe como se habla y menos en un foro internacional.

Para centrar verticalmente mejor que no uses padding-bottom:-15px;

Por otro lado, es bueno que todo el "boton" sea clickeable y no solo el texto, por eso hay que expandir el enlace con display: block:

Usa esto:

Cita:
#menu{width:960px; height:44px; background-color:#FA2405; float: left; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; }

#menu ul li {
display:inline; position: relative;
}

#menu ul li a{
display: block; float: left;
padding: 16px 0 15px 115px;
text-decoration:none; color:#FFFFFF;
}

#menu a:hover{ color:#000000;}
  #3 (permalink)  
Antiguo 31/08/2010, 13:29
 
Fecha de Ingreso: mayo-2009
Ubicación: Andalucia
Mensajes: 650
Antigüedad: 8 años, 7 meses
Puntos: 1
Respuesta: problema con maquetacion menu en internet explorer y firefox

gracias mayid ya lo tengo bien al poner el codigo que me as pasado ;)

Etiquetas: explorer, firefox, internet, maquetacion
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 07:40.