hacer que el header no se mueva

djbi0ndi007 · #1 (**permalink**) 07/03/2011, 18:22

Quiero que el header de una web no tenga movimiento como el de esta web

http://www.seanobrien.com.au/tour-diary/

Alguien sabe como hacerlo?

enrique4480 · #2 (**permalink**) 07/03/2011, 18:33

tienes que poner el atributo position en fixed.

sanxuan · #3 (**permalink**) 07/03/2011, 18:36

Debes darle la propiedad position:fixed a los elementos de tu página que quieres que queden fijos. Usando las propiedades top, right, bottom y left puedes definir la posición respecto a los bordes de la ventana del navegador.
No es recomendable que ocupen mucho espacio porque al redimensionar la ventana no dejarán ver el contenido.
Si los usas en vertical como si fuese una columna, parece casi obligado utilizar la propiedad overflow:scroll.