Historique et mises en page

Mise en page fixe

Lors des début du web, dans les années 90, les périphériques d’affichage sont assez peu diversifiés.

Les périphériques mobiles tels que les téléphones où tablettes pouvant afficher des pages web sont inexistants.

Les écrans présentent une faible résolution : VGA 640×480, SVGA 800×600 ou XGA 1024×768.

Les navigateurs sont utilisés maximisé (c’est à dire qu’ils utilisent tout la surface disponible à l’exception de celle occupée par les menus du système d’exploitation).

Les sites web adoptent une mise en page fixe. La largeur est fixée à l’avance et ne s’adapte pas à la taille du navigateur.

Voir aussi

voir un exemple

Mise en page fluide

Au début des années 2000 apparaissent les mises en page fluide. La largeur des éléments est définie en pourcentage et s’adapte à la largeur du navigateur. Toutefois, cela pose généralement problème si la largeur est trop faible ou trop grande.

Voir aussi

voir un exemple

Mise en page adaptative

Les media queries deviennent utilisables à la fin des années 2000. Il devient possible de spécifier des règles plus complexes de mise en page, basées sur le type d’affichage, sa largeur, son orientation…

Avertissement

La mise en page adaptative ne signifie pas la disparition des concepts de mise en page fixe et fluide, mais plutôt de nouvelles possibilités d’usage et de combinaisons.