
28/04/2010, 17:22
|
| | Fecha de Ingreso: abril-2010
Mensajes: 5
Antigüedad: 14 años, 10 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 01:17 |