Quiero hacer que la barra de navegacion sea mas grande que el body y vaya de lado a lado de la web. Como al body le tengo puesto un width de 70% este div tambien se limita al 70%. Aqui lo explico graficamente:
La parte de la web que quiero cambiar es la azulada (añadida con el photoshop)
El codigo de la web es:
Código HTML:
<html>
<head>
<title>Prueba</title>
<LINK REL="stylesheet" TYPE="text/css" HREF="styles.css">
</head>
<body>
<div class="header-bar">
<header>
<nav>
<ul>
<li><a href="#">Noticias</a></li>
<li><a href="#">Informacion</a></li>
<li><a href="#">Contacto</a></li>
</ul>
</nav>
<content>
</content>
</header>
</div>
</body>
</html>
Código:
body{
background-color: #edeff0;
width: 70%;
margin: 0 auto;
}
.header-bar{
width: 100.95%;
height: 50px;
background-color: #384047;
padding: 0;
float: left;
}
¿A alguien se le ocurre que puedo hacer para solucionar eso?