Foros del Web » Creando para Internet » CSS »

Problema con este menú css en internet explorer

Estas en el tema de Problema con este menú css en internet explorer en el foro de CSS en Foros del Web. Hola amigos he creado una web y se ve bastante bien en todos los navegadores como firefox konqueror, opera, chorme pero resulta que en internet ...
  #1 (permalink)  
Antiguo 10/12/2009, 09:44
 
Fecha de Ingreso: diciembre-2009
Mensajes: 5
Antigüedad: 8 años
Puntos: 0
Problema con este menú css en internet explorer

Hola amigos he creado una web y se ve bastante bien en todos los navegadores como firefox konqueror, opera, chorme pero resulta que en internet explorer 6 no se nada bien y el menú se agranda de forma considerable hacia abajo y además el primer botón aparece montado uno encima del otro

Tiene solución? Gracias por su ayuda

Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="xxx"><head>
<link rel="stylesheet" href="menu_style.css" type="text/css">
</head>
<body>
<div style="width: 99%;" id="menu">
<img style="width: 99%; height: 50%;" alt="head" src="../../opt/lampp/htdocs/images/head.png"><br>
<ul>
<li style="margin-top: 266px; height: 0px;"
<li><a href="#" title="Link 2"><span>Link
2</span></a></li>
<li><a href="#" title="Link 3"><span>Link
3</span></a></li>
<li><a href="#" title="Longer Link Text"><span>Longer
Link Text</span></a></li>
<li><a href="#" title="Link 5"><span>Link
5</span></a></li>
<li><a href="#" title="Link 6"><span>Link
6</span></a></li>
<li><a href="#" title="Link 7"><span>Link
7</span></a></li>
</ul>
</div>
</body></html> 
  #2 (permalink)  
Antiguo 10/12/2009, 09:48
 
Fecha de Ingreso: diciembre-2009
Mensajes: 5
Antigüedad: 8 años
Puntos: 0
Respuesta: Problema con este menú css en internet explorer

aqui les dejo el menu CSS

Código:
#menu {
	float:left;
	width:100%;
	background:#dcbea4;
	font-size:90%;
	line-height:normal;
	border-bottom:1px solid #666;
	}
#menu ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
	}
#menu li {
	display:inline;
	margin:10;
	padding:0;
	}
#menu a {
	float:left;
	background:url("images/tableftF.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	}
#menu a span {
	float:left;
	display:block;
	background:url("images/tabrightF.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#666;
	}
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */
#menu a:hover span {color:#FFFFFF;}
#menu a:hover {background-position:0% -42px;}
#menu a:hover span {background-position:100% -42px;}
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 04:27.