Hola!
Estoy diseñando mi web con una página única a la que añadiré scroll infinito (estilo tumblr). Me gustaría que el
header quedase fijo en el top al hacer scroll, pero al poner
position:fixed, todo el
content se ha subido y se ha quedado por detrás del header. Le he puesto un
margin-top al content, pero nada.
Sabéis cómo arreglarlo?
Mil gracias!
Código HTML:
body{
width:100%;
margin:0px auto;
font-family: "Futura";
position:relative;
height: 100%;
}
Código HTML:
header {
width: 100%;
height: 100px;
background-color:yellow;
font-size:13pt;
letter-spacing: 1px;
line-height: 10px;
padding: 40px 10px 10px 40px;
clear:both;
position:fixed;
}
Código HTML:
#contenido web {
width: 100%;
position: relative;
}