No tengo contenedores ni envoltorios.forzando pie de página quedarse en la parte inferior?
Simplemente tengo una disposición como tal ...
<body>
<div id="header">
</div>
<div id="left">
</div>
<div id="right">
</div>
<div class="clear"></div>
<div id="footer">
</div>
Lo que estoy queriendo hacer es asegurarse de que el pie siempre permanece en la parte inferior de la pantalla si tengo contenido que va bastante lejos y ni siquiera el contenido suficiente para recorrer todo el camino hasta la parte inferior de la pantalla.
En este momento, puedo hacer funcionar dos de las formas mencionadas anteriormente, pero quiero que ambas funcionen.
Aquí está el CSS que tengo configurado para esto.
html {
height: 100%;
}
body {
height: 100%;
position: relative;
}
#footer {
position: absolute;
bottom: 0;
}
Soy consciente de que si aplico una altura mínima: 100%; al elemento HTML dentro del documento CSS que irá según vaya el contenido, pero si no tengo ningún contenido, per se, no se pegará en la parte inferior de la pantalla. Resolución independientemente
He encontrado este problema varias veces, y nunca estoy seguro de cómo resolverlo. Por lo tanto, sería muy útil recibir alguna ayuda, junto con alguna explicación.
¡Muchas gracias a todos por su ayuda!
'pero si no tengo ningún contenido, por se' Pero al final se debe tener contenido, entonces, ¿qué importa? Realmente, a nadie le importa que su pie de página quede pegado al fondo, justo por debajo del contenido. No entiendo por qué la gente pierde tanto tiempo tratando de lograr un efecto tan inútil. – animuson
@animuson: me importa si está pegado en la parte inferior. Sería ridículo sin que el pie de página se pegue en la parte inferior con mi diseño. Gracias por tu aporte. :) –
posible duplicado de [Cómo fijar un pie de página en la parte inferior de la página] (http://stackoverflow.com/questions/5189238/how-to-make-a-footer-fixed-in-the-page-bottom) –