Hola a Todos
Tengo 2 problemas con una barra de nabegacion horizontal que lo hice con html y CSS. Las preguntas son:
1_No se ve bien en Internet Explorer 8. La barra aparece muy desplazada a la derecha y muy alta , es como si no andara los atributos Position y line-height de css.
Agregue el codigo necesario en java script que me hablaron en este foro, pero no anda.
2_La barra de navegación horizontal en firefox 4 y google crhome 11 le falta un poquito que llegue hasta el final. En el codigo CSS le puse 76% en la propiedad width , pero todavia le falta un poco para que llegue hasta el final de la pagina , y se le coloco un 77% ya se pasa de la pagina.
No se cual puede ser el problema.
Este es el código:
Cita: JAVA SCRIPT
<head>
.
.
</script>
<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
</head>
HTML
<div id="nav">
<!-- Listado de Navegación -->
<ul>
<li><a href="index.html">Inicio</a></li>
<li><a href="nuestras-bases.html">Nuestras Bases</a></li>
<li><a href="cuatro-leyes.html">Cuatro Leyes</a></li>
<li><a href="temas.html">Temas</a></li>
<li><a href="videos.html">Videos</a></li>
<li><a href="noticias.html">Noticias</a></li>
</ul>
</div>
ARCHIVO EXTERNO CSS
#nav {
position : absolute;
left : 120;
width : 76%;
background : url(../imagenes/nav_background.png);
}
#nav ul {
margin : 0 auto;
width : 770px;
list-style : none;
}
#nav ul li {
float : left;
}
#nav ul li a {
margin-right : 60px;
width : 140px;
font-size : 14px;
line-height : 36px;
text-align : center;
text-decoration : none;
color : #ccc;
}
#nav ul li a:hover {
color : #fff;
}
#nav ul li.selected a {
color : #fff;
}
PAGINA WEB DEL PROBLEMA http://vidamisiones.xtreemhost.com
Gracias.