Foros del Web » Creando para Internet » HTML »

pie de pagina no se ajusta al contenido

Estas en el tema de pie de pagina no se ajusta al contenido en el foro de HTML en Foros del Web. MI CODIGO ES EL SIGUIENTE: <html> <body> <div id="nonFooter"> <div id="content"> <H1>Hola qe tal</H1> <br><br> <H1>Hola qe tal</H1> <div id="ejemplo"> ME POSICIONO AQUI...espero que el ...
  #1 (permalink)  
Antiguo 28/04/2010, 18:22
 
Fecha de Ingreso: abril-2010
Mensajes: 5
Antigüedad: 7 años, 7 meses
Puntos: 0
pie de pagina no se ajusta al contenido

MI CODIGO ES EL SIGUIENTE:

<html>
<body>
<div id="nonFooter">
<div id="content">
<H1>Hola qe tal</H1>
<br><br>
<H1>Hola qe tal</H1>
<div id="ejemplo">
ME POSICIONO AQUI...espero que el pie se ponga debajo de mi
</div> <!-- cierre de ejemplo -->
</div> <!--cierre de content -->
</div><!-- cierre de nonFoter -->

<div id="footer">
<p>soy un pie de pagina</p>
</div> <!-- cierre de footer -->
</body>
</html>


----------------------------CSS------------------------------

html{
height: 100%;
}
body{
height: 100%;
}
#nonFooter{
position: relative;
min-height: 100%;
}
* html #nonFooter{
height: 100%;
}
#content{
padding-bottom: 9em;
}
#footer{
position: relative;
margin-top: -7.5em;
}
#ejemplo{
position:absolute;
top:1500px;

}

¿Veis que <div id="ejemplo"> se posiciona POR DEBAJO del pie de pagina?

Necesito saber como hacer para que el pie de pagina se quede por debajo de TODO el <div id="content"> y por supuesto que se quede ajustado a todo el <div id="content"> (contenido de mi pagina) aunque ese contenido este definido en la hoja de estilo como posiciones absolutas.

Última edición por javialonso88; 29/04/2010 a las 02:17
  #2 (permalink)  
Antiguo 28/04/2010, 18:33
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: pie de pagina no se ajusta al contenido

borra esto:

div #ejemplo{
position:absolute;
top:1500px;
}

  #3 (permalink)  
Antiguo 28/04/2010, 19:08
 
Fecha de Ingreso: abril-2010
Mensajes: 5
Antigüedad: 7 años, 7 meses
Puntos: 0
Respuesta: pie de pagina no se ajusta al contenido

Cita:
Iniciado por DragonX Ver Mensaje
borra esto:

div #ejemplo{
position:absolute;
top:1500px;
}

Ups perdón queria poner simplemente

#ejemplo{
position:absolute;
top:1500px;
}

Ahi está la cuestión. y es que dentro de todo el content tengo miles y miles de <div> en posicion absoluta y NO las puedo borrar ya que me han dado la forma a todo el documento.

Etiquetas: contenido, pie
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 08:22.