Bonjour !
Première fois sur Alsacréa, que je consulte pourtant si souvent !
Un petit problème de débutant mon dont je n'arrive pas à me débarrasser...
J'ai (en gros) ceci :
Tout logiquement, les blocs #header et #footer ont une hauteur fixe (non définie en CSS mais leur contenu ne bouge pas), et celui de #page est parfois long, parfois court.
Mes HR font office de clear: both;, aucun des blocs cités n'a de position:
Un seul problème à tout cela, j'aimerais que lorsque la hauteur du tout ne dépasse pas l'écran (donc pas d'ascenseur), le bloc #footer soit tout en bas, et que #main et #wraper se soient agrandis en fonction.
Je pourrais utiliser min-height: 100% mais elle ne marche qu'une fois sur 4...
Comment puis-je arriver à un tel résultat ? (#footer en relative et collé à bottom: 0px; ?...)
Merci beaucoup !
Première fois sur Alsacréa, que je consulte pourtant si souvent !
Un petit problème de débutant mon dont je n'arrive pas à me débarrasser...
J'ai (en gros) ceci :
<body>
<div id="wraper">
<div id="main">
<div id="header">
[...]
</div>
<div id="page">
[...]
</div>
<div id="footer">
[...]
</div>
<hr />
</div>
</div>
</body>
Tout logiquement, les blocs #header et #footer ont une hauteur fixe (non définie en CSS mais leur contenu ne bouge pas), et celui de #page est parfois long, parfois court.
Mes HR font office de clear: both;, aucun des blocs cités n'a de position:
Un seul problème à tout cela, j'aimerais que lorsque la hauteur du tout ne dépasse pas l'écran (donc pas d'ascenseur), le bloc #footer soit tout en bas, et que #main et #wraper se soient agrandis en fonction.
Je pourrais utiliser min-height: 100% mais elle ne marche qu'une fois sur 4...
Comment puis-je arriver à un tel résultat ? (#footer en relative et collé à bottom: 0px; ?...)
Merci beaucoup !
