Foros del Web » Creando para Internet » CSS »

Menu queda mal en IE como una escalera

Estas en el tema de Menu queda mal en IE como una escalera en el foro de CSS en Foros del Web. Bueno amigos estava diseñando una web de lo mas bonita y de repente quise probarla en IE para ver como estava quedando, y o sorpresa, ...
  #1 (permalink)  
Antiguo 06/07/2009, 12:38
Avatar de kalvinman  
Fecha de Ingreso: octubre-2006
Ubicación: Bogota Colombia
Mensajes: 849
Antigüedad: 17 años, 5 meses
Puntos: 22
Pregunta Menu queda mal en IE como una escalera

Bueno amigos estava diseñando una web de lo mas bonita y de repente quise probarla en IE para ver como estava quedando, y o sorpresa, el menu principal en CSS queda como una escalera y no se como corregirlo, auqi les paso el codigo que uso para ver si me pueden ayudar. xD

Código:
#kmenu {  
	list-style:none;
	margin:0;
	padding:0;
}
#kmenu li a{
	background:url(images/cmis_r4_c4.jpg);
	color:#336600;
	font-weight:bold;
	text-decoration:none;
	width: 135px;
	height: 20px;
	margin:0px;
	text-align:center;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	border:none;
	float:left; //para eliminar el comportamiento de elemento de bloque(salto de linea)
}
#kmenu li a:hover {
	background:url(images/cmis_r4_c4.jpg);
	color: #FFFFFF;
	background-position:bottom;
	}

Código:
<ul id="kmenu">
  <li><a href="#">NOSOTROS</a></li>
  <li><a href="#">HOGAR</a></li>
  <li><a href="#">INSTITUCIONAL</a></li>
  <li><a href="#">CONTACTO </a></li></ul>
  #2 (permalink)  
Antiguo 06/07/2009, 13:36
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 15 años, 5 meses
Puntos: 40
Respuesta: Menu queda mal en IE como una escalera

prueba haciendo flotar los li no los <a>

Código css:
Ver original
  1. #kmenu {  
  2.     list-style:none;
  3.     margin:0;
  4.     padding:0;
  5. }
  6. #kmenu li{float:left;width: 135px;text-align:center;padding: 10px 0 0 0;height: 20px;}
  7. #kmenu li a{
  8.     background:url(images/cmis_r4_c4.jpg);
  9.     color:#336600;
  10.     font-weight:bold;
  11.     text-decoration:none;  
  12.     margin:0px;
  13.     display:block;
  14. }
  15. #kmenu li a:hover {
  16.     background:url(images/cmis_r4_c4.jpg);
  17.     color: #FFFFFF;
  18.     background-position:bottom;
  19.     }
__________________
WFC
codigo82
  #3 (permalink)  
Antiguo 09/06/2011, 02:59
 
Fecha de Ingreso: febrero-2009
Mensajes: 12
Antigüedad: 15 años, 1 mes
Puntos: 0
Respuesta: Menu queda mal en IE como una escalera

GEnial no era yo lo que lo postee pero a mi me sirvio.. gracias!
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:24.