1. Accueil
  2. Question et réponse
  3. Rembourrage différents dans Firefox

Rembourrage différents dans Firefox

2012-09-21 6 views
3

Dans tous les navigateurs, je l'ai testé, mon bouton ressemble à ceci:Rembourrage différents dans Firefox

enter image description here

Sauf dans Firefox où il ressemble à ceci:

enter image description here

I've posted the code as a jsfiddle , Qu'est-ce que je fais mal?

Source

2012-09-21 fredley

+0

essayez d'utiliser une réinitialisation CSS, Firefox ajoute beaucoup de rembourrage supplémentaire, les frontières, etc ... http://meyerweb.com/eric/tools/css/reset/ – tcd

+0

@tdun J'utilise 'normaliser. css', je pensais avoir capturé tous les styles qui s'appliquent ... – fredley

+0

Je pense que c'est normal pour moi dans FF 15: http://prntscr.com/fydeg –

Répondre

4

Sur un site normal, vous devez toujours inclure une réinitialisation pour vous débarrasser de ces petites incohérences entre les navigateurs. Voici un simple: http://meyerweb.com/eric/tools/css/reset/

(Edit: Ok, vous utilisez Normaliser, qui pourrait aussi)

Cependant, dans votre cas, je voudrais aussi suggérer au lieu d'utiliser un rembourrage sur le haut et le bas, retirez eux et votre taille et à la place utiliser la hauteur de ligne! Cela gardera votre texte bien centré partout.

Source

2012-09-21 15:51:24 Brian

+2

Réglage de la ligne-hauteur a bien fonctionné. – fredley

Questions connexes

 Questions connexes