Création d'un point de fin de largeur nulle pour tous les navigateurs

Question

J'écris un extrait JS pour créer une série d'onglets afin de permettre à un utilisateur de faire défiler les différentes parties d'une page Web au lieu de les faire défiler. Les onglets sont tous des éléments <a>, entourés d'un élément <span>, chacun à des fins précieuses. Les travées sont toutes glissées dans un <div>. Pas de flottement. Le nombre d'onglets affichés dépend de la page qui est modifiée par le script, et peut aller jusqu'à une vingtaine, voire plus. Dans les cas où il y a beaucoup d'onglets, le div doit envelopper. J'ai accompli cela en FF en insérant un espace de largeur nulle entre chaque travée, ce qui fonctionne plutôt bien. Cependant, webkit n'aime pas ça, et refuse de faire des sauts de ligne. Pour des raisons esthétiques, les onglets doivent être compressés les uns à côté des autres, et pourtant je ne sais pas comment faire cela d'une manière qui fonctionne avec Safari et Chrome. Toute assistance sera grandement appréciée.

Mon code peut être vu here.

Answer 1

Sur mon site, je l'ai résolu ce problème en ayant le conteneur div avoir

 
div#container { 
    overflow: auto; 
} 

et dans les travées à l'intérieur du div

 
div#container span 
{ 
    float: left; 
    display: block; 
}