Hola a todos!
Estoy haciendo un menú para la web y he creado con Gimp una imagen de un píxel de ancho para repetirla todo el ancho de la página. Y solo me sale bien si no cierro la etiqueta nav.
Así sé visualiza bien porque no he cerrado <nav>.
Código HTML:
Ver original<!DOCTYPE html>
<link rel="STYLESHEET" type="text/css" href="estilo.css">
Y así se visualiza mal, solo por añadir el </nav>:
Código HTML:
Ver original<!DOCTYPE html>
<link rel="STYLESHEET" type="text/css" href="estilo.css">
Y este el css:
Código CSS:
Ver originalhtml, body{
margin:0;
background-color: #f1f1f1;
}
div.caja{
background-color: #ffffff;
border: 2px solid #999999;
width: 500px;
height: 500px;
margin:0 auto;
margin-top:50px;
}
nav{
width:100%;
position:fixed;
top:0;
left:0;
background-image: url(menu2.gif);
background-repeat: repeat-x;
z-index:5;}
ul{
list-style-type:none;
margin:0;
}
li{
float: left;
margin-left:20px;
}
Alguien puede decirme porqué?
Gracias!