[SOLUCIONADO] Problema con Header en Position Fixed

[cjauregui]

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;
}

[pzin]

Bienvenido al foro.

No veo ningún margen ahí. Pero debería de funcionar, o bien ponerle padding-top o aprovechando la posición relativa usar top indicando en todos los casos la altura de header.

Revisa los estilos de body, no creo que vayas a necesitar la mayoría de los atributos que le tienes puesto.

[_Ju]

Creo que va mas por el lado de la estructura, tienes los estilos en '#contenido web', no deben ser en '#contenido' ?

[cjauregui]

Iniciado por _Ju

Creo que va mas por el lado de la estructura, tienes los estilos en '#contenido web', no deben ser en '#contenido' ?

Toda la razón. Al final ha resultado ser esa tonteria (que no recordaba). Lo resolví sin querer cambiando el nombre a varias cosas, y resultó ser esto.

Gracias a ambos igualmente por las respuestas!