¿hacer que pie de pagina tenga ubicación? fija

minombreesmm · #1 (**permalink**) 15/12/2013, 21:18

pero que cuando el contenido crezca la ubicacion del pie de pagina se mueva hacia abajo dependiendo del tamaño del contenido

————————————
contenido
————————————
pie de pagina
————————————

y si el contenido crece pase esto
————————————
contenido
contenido
contenido
contenido
contenido contenido
contenido

————————————
pie de pagina
————————————

y no esto

————————————
contenido
————————————
contenido
contenido
————————————
pie de pagina
contenido
contenido
contenido
————————————

No se si me explique, lo que ocurre es que el contenido crece y el pie de pagina se queda en la misma posicion y el contenido aparece sobre el.
como puedo evitar esto?
ya he buscado muchas formas, hasta vi algo con jquery, pero no creo que tenga que ser necesario usar jquery para algo que se puede hacer con css, pero es un poco dificultoso.
mi problema no es el z-index

quite el pie de pagina por mientras, si no hay solución tal vez así lo deje, después de todo no es tan importante o si?
de antemano gracias

pzin · #2 (**permalink**) 16/12/2013, 01:15

Un sticky footer es lo que necesitas.

minombreesmm · #3 (**permalink**) 17/12/2013, 00:05

Cita:

Iniciado por pzin

Un sticky footer es lo que necesitas.

muchas gracias, use algo sumamente sencillo.
la propiedad min-height

WorseMzg · #4 (**permalink**) 17/12/2013, 09:15

según lo que entiendo de tu problema puede que tengas mal cerrado las etiquetas,
ya que el footer si lo colocas inmediatamente después del final del código de contenido, independiente de el largo debería siempre posicionarse después.

el stiky footer lo que hace es que independiente del contenido y del largo de la pagina el footer siempre se ve ... si haces scrolll hacia abajo el footer te seguirá, si es eso lo que necesitas el stiky footer es la solución, si es como menciono al principio puede que tengas mal cerrada una etiqueta ..

Saludos

pzin · #5 (**permalink**) 17/12/2013, 09:59

Cita:

Iniciado por WorseMzg

el stiky footer lo que hace es que independiente del contenido y del largo de la pagina el footer siempre se ve ...

Uhmm... No. Míratelo bien.

WorseMzg · #6 (**permalink**) 17/12/2013, 17:16

Cita:

Iniciado por pzin

Uhmm... No. Míratelo bien.

no se supone que el stiky (pegajoso) quiere decir que siempre esta en pantalla ?? osea baja con el scroll ??

pzin · #7 (**permalink**) 18/12/2013, 02:16

Cita:

Iniciado por WorseMzg

no se supone que el stiky (pegajoso) quiere decir que siempre esta en pantalla ?? osea baja con el scroll ??

A lo que tú te refieres es a un elemento con posición fija —fixed.

Realmente sticky footer está bien dicho, porque aunque no exista contenido para empujar el elemento hacia abajo, se queda pegado abajo de todas formas. Y si el contenido sobrepasa el viewport sigue estando pegado abajo.

Además, si simplemente le pones una posición fija, no se quedará abajo, ya que, a priori, el elemento que tomará como referencia será viewport.

Por lo general sticky footer es una técnica bastante extendida y más recomendable, ya que el elemento sigue dentro del flujo natural del HTML.

WorseMzg · #8 (**permalink**) 18/12/2013, 15:49

jajaja vale, me confundi de concepto no entendia el styky footer asi , a lo que me referia era claro con un fixed. sorry ..

y gracias por la aclararion.

minombreesmm · #9 (**permalink**) 19/12/2013, 01:17

jejejs pues, lo bueno es que lo logre con el min-height jejes habia foros donde me daban soluciones hasta con jquery
gracias compañeros