Foros del Web » Creando para Internet » CSS »

pie de pagina fijo pero relativo

Estas en el tema de pie de pagina fijo pero relativo en el foro de CSS en Foros del Web. Hola gente pro, estoy en medio de una problematica porque en la pagina que estoy haciendo.. 1. existe un div de contenido.. el cual su ...
  #1 (permalink)  
Antiguo 19/12/2010, 13:03
Avatar de xcoltx  
Fecha de Ingreso: diciembre-2008
Mensajes: 65
Antigüedad: 9 años
Puntos: 0
Pregunta pie de pagina fijo pero relativo

Hola gente pro, estoy en medio de una problematica porque en la pagina que estoy haciendo..

1. existe un div de contenido.. el cual su "height" es muy variable.. al principio de la pagina, osea solo al entrar este esta vacio.. por lo que ocupa solo height:100px al final a modo de "footer"... hasta el momento me funciona tener el footer fixed.

2. hasta el momento.. el div de contenido no crece tanto.. pero al momento de que este cresca mas de cierto tamaño.. digamos.. unos 500px .. este contenido empieza a crecer pero pasa por detras del footer.. y lo que intento es que el footer tambien baje junto con el contenido.

3. pero .. volviendo al caso 1.. cuando no hay tamaño o cuando es mucho menor.. que el footer se mantenga al fonde la pagina..

pongo el codigo que trate de hacer pero no me funciona.. para el caso 2.



Código CSS:
Ver original
  1. .header{
  2.     height:200px;
  3.     width:100%;
  4.     background-color:#06C;
  5.     border:5px solid #000;
  6.     }
  7. .contenido{
  8.     /*height:auto;*/
  9.     height:300px;
  10.     width:100%;
  11.     background-color:#CCC;
  12.     border:5px solid #063;
  13.     }
  14. .footer{
  15.     /*position:static !important;   */
  16.     position:fixed;    
  17.     left:0;
  18.     bottom:0;
  19.     height:95px;
  20.     width:100%;
  21.     background-color:#C33;
  22.     border:5px solid #333;
  23.     }

Código HTML:
Ver original
  1. <div class="header"></div>
  2. <div class="contenido"></div>
  3. <div class="footer"></div>


Alguna ayudita??
__________________
http://www.acomodate.cl
  #2 (permalink)  
Antiguo 19/12/2010, 13:09
 
Fecha de Ingreso: diciembre-2010
Ubicación: en el fin del mundo
Mensajes: 199
Antigüedad: 7 años
Puntos: 3
Respuesta: pie de pagina fijo pero relativo

no lo pongas fixed, ponlo en posicion absolute y envialo hasta abajo con un bottom:0px
  #3 (permalink)  
Antiguo 19/12/2010, 13:26
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: pie de pagina fijo pero relativo

Creo haber entendido que lo que busca es el efecto (estructura) conocida como pie abajo cpn poco contenido, y que en caso de ampliarse dicho contenido el pie se desplace con él.

Si es así, pase por:
www.araudi.net
css.devillasbuenas.es
Entre otras muchas, ahí encontrará distintas formas de lograrlo.
  #4 (permalink)  
Antiguo 19/12/2010, 13:27
Avatar de xcoltx  
Fecha de Ingreso: diciembre-2008
Mensajes: 65
Antigüedad: 9 años
Puntos: 0
Respuesta: pie de pagina fijo pero relativo

hola.. gracias por responder...igualmente con absolute funciona para cuando hay contenido grande.. pero cuando tengo el contenido vacio.. el footer sube donde termina el contenido :(
__________________
http://www.acomodate.cl

Etiquetas: fijo, pie, relativo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:16.