La resolution d'un site web

Pour adapter votre site à la résolution du visiteur il suffit d'appliquer une largeur relative qui change selon la taille de la fenêtre et de l'écran du visiteur.

Le plus courant est d'utiliser la balise body dans le code CSS : body{width:100%;} il prendra 100% de la fenêtre, quelle que soit sa taile. Si vous mettez 80% il prendra 80% de la fenêtre (à vous d'ajuster).

On peut centrer avec le code : margin:auto si l'on définit une largeur plus petite.

A vous d'adapter si vous utilisez un div#corps ou autre.

S'il est important que votre page ne soit pas plus petite qu'une certaine taille, on peut utiliser la propriété min-width ou utiliser max-width pour définir la taille maximale ( ne fonctionne pas sous IE).

Exemple

Une page de largeur 80%, centrée, une largeur minimale de 500 pixels, et une largeur maximale de 1200 pixels :

body{width:80%;margin:auto;min-width:500px;max-width:1200px}