Astuce:
centrage malgré la présence ou non d'un ascenseur vertical
centrage malgré la présence ou non d'un ascenseur vertical
Pour les sites dont les pages sont inégales en hauteur, certaines tenant dans un écran, d'autres non et obligeant à utiliser un ascenseur vertical pour scroller, la question de centrage de la page se pose.
En effet, la largeur de l'ascenseur n'est réservée que par très peu de navigateurs: si bien que quand celui-ci apparait, il réduit la largeur de l'affichage disponible et décale vers la gauche votre page par rapport à sa position sans ascenseur. Elle reste centrée, certes, mais le passage d'une page à l'autre devient un peu disgracieux, avec des décalages à gauche, à droite, suivant la longueur des pages.
Solution:
CODE
html {height: 100%; }
body{ height: 100%; margin-bottom: 1px;}
Effet:
Cela fait apparaitre l'ascenseur même quand il est inutile, et la page ne se décale donc plus en passant d'une page courte à une page longue, ou l'inverse.
Source: http://www.hicksdesign.co.uk/journal/forci...now-even-better