Bonjour à tous,
 
Je suis en train de refaire mon identité ; après tout ce qui est paperasse (cv, lettre, devis/facture) je me suis attaqué au site.
Je ne connais rien en JS et je n'ai pas les moyens d'apprendre : ça ne serait pas rentable (je cumule déjà graphiste, dév front-end et photographe ce qui me prend quasiment tout mon temps et finances, tout ce qui est programmation étant délégué généralement).  
 
 
L'objectif est de dimensionner des colonnes (j'utilise une grille de mise en page pour un site à largeur 100%)
1°) La première étape est de récupérer la largeur du viewport de manière continue, c'est à dire que cette valeur pourra changer en rétrécissant le navigateur (pour cette raison que je ne peux opter pour PHP).
 2°) Puis il faut appliquer un coefficient (entre 0 et 1) et stocker le résultat dans une variable. Le résultat devra être arrondi à l'entier le plus proche (0,5 arrondi à 1).  
3°) Cette variable sera à injecter à plusieurs endroits dans mon code HTML (pour dimensionner les colonnes).
 
Mes autres contraintes :
- Il faudrait que je puisse générer plusieurs variables car j'ai plusieurs coefficients.
- Possibilité d'utiliser JQuery.  
- Nécessité de compatibilité navigateurs récents (jusqu'à IE8) et web mobile (iOS, Android).
 
Je suis tombé sur ce petit script : http://www.brightcherry.co.uk/scri [...] real-time/
La hauteur ne m'intéresse pas donc j'ai supprimé le passage, mais après je ne sais pas faire la seconde partie d'application de coef et son arrondi, de génération d'une variable et de sa récupération.
Je ne saurais pas dire non plus si ce code est optimisé ou non.
 
 
Un grand merci par avance à la ou aux personnes qui pourront m'aider
Damien

Tu peux me dire pourquoi tu dois dimensionner les colonnes à coup de JS ?
Car la raison est pour moi sans intérêt.

A partir du moment où tu écris ta grille de manière fluide (largeur en %) il ne devrait pas y avoir de problème.

Et ce problème je le connais, ça fait 5 ans que je bosse sur des sites fluides.

Voici la maquette pour le positionnement des blocs.

Mon problème se situe au niveau des blocs pour le menu à gauche et celui du contenu principal à droite, c'est ici que j'ai besoin de calculer la largeur des colonnes non pas avec un pourcentage du bloc parent mais par rapport viewport.
 
Si, dans la colonne gauche pour le menu, le bloc fin du sommet était de même hauteur que le bloc du sommet du contenu principal je n'aurais pas vraiment de problème. Mais ça n'est pas le cas intentionnellement (pour créer une rupture dans les lignes qui accrochera l’œil sans avoir besoin de mettre un élément graphique).

J'ai du mal à piger.
 
Ton montage, tel qu'il est, n'a pas besoin de JS pour avoir une grille fluide sur la largeur.  
Si tu cherche à avoir toujours un ratio hauteur/largeur, tu te mets le doigt dans l'oeil, ça n'a aucun sens.