Une élégante solution de mise en page

800×600, 1024×768, … Lorqu’on fait un site web, si on ne veut pas un layout fixe, le problème est toujours d’avoir une bonne mise un page qui s’adapte à toutes les résolutions.

Voici peut-être la solution : si la largeur de la fenêtre descend en dessous de 800×600, la mise en page va s’adapter. Mais ça va plus loin qu’une simple largeur en pourcentage, au lieu que les blocs soient l’un à côté de l’autre, ils vont se placer l’un en dessous de l’autre, evitant d’avoir des blocs trop étroit. Je ne sais pas si vous avez tout compris, mais ce sera sûrement plus simple en voyant l’exemple Resolution dependent layout. Cet exemple utilise du javascript.

2 réponses sur “Une élégante solution de mise en page”

  1. Impressionnant !!!
    Mais ça semble fonctionner à l’inverse dans ie et dans ff?!!
    Quelle est la bonne façon de fonctionner?

  2. bah j’utilise pas IE mais ca semble bien marche sous ff onc c nickel! a savoir je presume que c’est du css valide donc rien a redire …

    franchement soph, tu m’impressionne, meme si tu rame peux etre un peu en electronique (et encore, j’attends de voir si tu t’en sort avec ton "poisson" …)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *