A voir également:
- [HTML/CSS] contenu pleine page
- Boite gmail pleine - Guide
- Supprimer page word - Guide
- Editeur html - Télécharger - HTML
- Imprimer tableau excel pleine page - Guide
- Imprimer un tableau sur une seule page avec Excel - Guide
2 réponses
Bonjour,
normalement le min-height:100% ou height:100% ne fonctionnent pas en xHTML. ça fonctionnait en HTML 4.0 mais pour des raisons obscures le W3C a décidé de désactiver les hauteurs en %.
Pour la solution, malheureusement, il n'y a pas de solution miracle en CSS.
Donc soit il faut faire un design unifié, comme le préconiserait le W3C, soit il faut ruser.
Avec l'explosion des résolutions écrans, avec des écrans de bureau immenses et des inconditionnels qui surfent avec leur téléphone, psp, wii, etc..., il faut se dire que l'on ne fait pas forcément des amis si on fait toujours par rapport à l'écran. le fait de vouloir mettre le footer en bas est problématique pour les très grands écrans, où des liens sont totalement détachés du contenu du site. D'où la volonté du W3C d'avoir des pages xHTML en flux unique, c'est à dire sans décrochement entre le contenu et le pied de page.
Après ce petit speech, je te propose tout de même quelque chose de simple:
Mettre le footer en "position:fixed; bottom:0px;".
Comme celà, le footer sera toujours en bas. le hic, c'est qu'il sera également toujours visible.
Mettre le footer en "position: absolute; bottom:0px;" ne fonctionne pas correctement en xHTML dans le sens où le footer sera flottant au dessus du texte si celui-ci est trop long.
Enfin, une autre possibilité qui m'agace, car je trouve que ça fait bricolage face à la puissance du CSS:
définir le min-height du div main par javascript, selon la taille du navigateur.
Mais attention, certains désactivent le javascript donc méfiance...
normalement le min-height:100% ou height:100% ne fonctionnent pas en xHTML. ça fonctionnait en HTML 4.0 mais pour des raisons obscures le W3C a décidé de désactiver les hauteurs en %.
Pour la solution, malheureusement, il n'y a pas de solution miracle en CSS.
Donc soit il faut faire un design unifié, comme le préconiserait le W3C, soit il faut ruser.
Avec l'explosion des résolutions écrans, avec des écrans de bureau immenses et des inconditionnels qui surfent avec leur téléphone, psp, wii, etc..., il faut se dire que l'on ne fait pas forcément des amis si on fait toujours par rapport à l'écran. le fait de vouloir mettre le footer en bas est problématique pour les très grands écrans, où des liens sont totalement détachés du contenu du site. D'où la volonté du W3C d'avoir des pages xHTML en flux unique, c'est à dire sans décrochement entre le contenu et le pied de page.
Après ce petit speech, je te propose tout de même quelque chose de simple:
Mettre le footer en "position:fixed; bottom:0px;".
Comme celà, le footer sera toujours en bas. le hic, c'est qu'il sera également toujours visible.
Mettre le footer en "position: absolute; bottom:0px;" ne fonctionne pas correctement en xHTML dans le sens où le footer sera flottant au dessus du texte si celui-ci est trop long.
Enfin, une autre possibilité qui m'agace, car je trouve que ça fait bricolage face à la puissance du CSS:
définir le min-height du div main par javascript, selon la taille du navigateur.
Mais attention, certains désactivent le javascript donc méfiance...
