le sujet n'est peut-être pas très clair... en somme, j'ai une page xhtml/css avec un div. ce div contient des span qui sont en "float: left;" comme il y a trop de span, ceux -cis passent à la ligne en dessus, normal. ce que je recherche, c'est un script (javascript à priori) ou une astuce CSS pour compléter cette ligne entamée avec suffisamment de span (tous identiques) pour éviter un vide disgracieux.
 
le mieux, c'est que je mette une petite image pour expliquer:
 

 
vous le voyez, y'a des cases en haut (span à largeur fixe) et le problème c'est de compléter les lignes entamées par d'autres cases (ici c'est fait manuellement). cela doit être dynamique avec les redimensionnements de fenêtres, donc javascript me semble approprié. comment obtenir la place restante sur une ligne via javascript? comment savoir le nombre de cases à rajouter?
 
merci d'avance pour vos contributions
 
mise à jour à 19h: j'ai pensé à utiliser une image de la vignette et d'utiliser la propriété de répétition horizontale de l'image de fond... cependant, comment étirer un tel span pour qu'il ait à la fois la propriété "float: left" et "position: absolute; right: 0pt;" ??