Hola amigos!
Tengo una barra nav en la que está el menú de mi web, actualmente el nav ocupa el 100% del ancho, pero quiero cambiarlo a que sean 960px que es el ancho de mi contenedor principal. El contenedor está centrado, y cuando cambio el ancho de nav, esta se pega a la izquierda de la pantalla quedando desplazada de su posicion. Si ajusto el desplazamiento con márgenes al ampliar o reducir el tamaño de la web, la barra nav se desplaza lateralmente, no se queda fija.
Espero haberme aclarado!!
Pongo el dódigo de como lo tengo ahora
Código CSS:
Ver originalheader p {float:right; width:230px; overflow:hidden; font:16px/20px Tahoma, Geneva, sans-serif; color:#c6c6ce; padding:27px 0 27px 0; }
header p>span {display:block; color:#fff; font-size:25px; line-height:30px; margin-top:6px;letter-spacing:-1px; }
nav { display:block; z-index:1111; position:relative; overflow:hidden; background:url(../images/header.jpg) bottom repeat-x; width:100%; }
Código HTML:
<header>
<div class="main wrap">
<h1><a href="index.html"><img src="images/logo.png" alt=""></a></h1>
</div>
<nav>
<ul class="menu">
<li><a href="index.html">Inicio</a></li>
<li><a href="empresa.html">Empresa</a></li>
<li><a href="servicios.html">Servicios</a></li>
<li class="current"><a href="Contacto.html">Contacto</a></li>
</ul>
<div class="clear"></div>
</nav>
</header> Saludos!!