Probleme FF sur bouton CSS3

Salut a tous,

Une fois n'est pas coutume c'est FF qui fous la merde.

J'ai un problème de décalage d'un bloc en float right qui se met sous le contenu plutôt que à droite (ca fonctionne sur tous les IE et chrome)
Doctype html5.

Le lien pour voir : http://fr.muaythaitv.com/_temp/transfert/9sq21_alsa/button.html

Donc si quelqu'un a une idée pourquoi cela ne fonctionne pas je suis preneur.

Merci d'avance,
Guillaume/

Hello,

Le comportement de Firefox a l'air de contredire CSS 2.1 effectivement. Voir l'exemple en rouge par ici:
http://www.w3.org/TR/CSS2/visuren.html#propdef-float

Il y a quelques années tous les navigateurs faisaient passer les éléments flottants à la ligne quand ils étaient placés dans le DOM juste après un élément en display:inline ou un noeud texte, sauf Opera qui gérait ça bien. Il me semblait qu'à l'heure actuelle tous les navigateurs géraient ça bien... d'ailleurs un test dans Firefox me le confirme, mais ton exemple bugue malgré tout.

En jouant à supprimer plein de paramètres dans Firebug pour simplifier ton exemple, il s'avère que le problème vient du white-space:nowrap sur ton bouton.

Correctifs possibles:
- Ne pas utiliser white-space:nowrap.
- Utiliser :before plutôt que :after (un pseudo-élément :before peut être flottant à droite).
- Utiliser le positionnement absolu plutôt que float.
À toi de voir ce qui te convient.

Et si tu as un compte sur bugzilla.mozilla.org, ça peut être pas mal d'ouvrir un bug et de proposer ta page comme test case (ou bien d'ajouter ta page comme test case à un bug déjà ouvert, le cas échéant).

Merci pour cette réponse détaillé.
J'ai opter pour virer le white-space, en général les boutons sont bien calés dans le design donc il n'y a pas de raison que ca saute en bout de ligne.

Pour le report j'allais te répondre que je ne comptais pas le faire par flemme mais finalement même pas besoin de passer pour quelqu'un qui profite sans redonner à la communauté puisque le report existe déjà
https://bugzilla.mozilla.org/show_bug.cgi?id=488725