Aux premiers temps du Web, tout était facile.
Tous les écrans étaient en 800*600, on n’avait pas vraiment besoin de se poser la question de la largeur du site web.

Aujourd’hui la norme est plutôt de 1024 pixels de large (mais pas au Maroc), mais certains écrans peuvent être beaucoup plus larges.
Je travaille sur un écran de 1280 pixels, et j’ai parfois vu passer dans les stats de visite de mes sites des écrans de 1.600 pixels de large.

Un site de 800 pixels de large dans une page de 1600 sera totalement perdu.

Et c’est le cas de la plupart des sites en flash, où je vois plus de fonds monochrome que d’informations;

Une mise en page fluide est plus difficile à réaliser techniquement, mais elle s’adapte à la taille de l’écran de l’internaute.
Elle n’est pas toujours possible, par exemple dans ce cas, l’image de fonds en bas de l’écran, et l’encadrement rendent impossibles l’élargissement de la zone écran. En revanche, ici le site occupera toute la place sur l’écran jusqu’à 1200 pixels.

Dans le cas d’une mise en page fluide, il est important de vérifier l’apparence de votre site aux trois largeurs les plus fréquentes : 800, 1024 et 1280 pixels de large.

Au delà, j’empêche le site de s’élargir plus, car les textes trop larges sont difficiles à lire.
Et je n’oublie pas de le centrer.
Rien de plus désagréable qu’un site calé à gauche, avec un grand espace vide sur la droite.

Une fois encore, c’est le site qui s’adapte aux souhaits de l’utilisateur, et pas l’inverse.

Sur le même thème