Comment corriger la différence de position du logo dans IE 7 et d'autres navigateurs (IE8, FF, Chrome)

Question

Je découvre css et j'ai trouvé un problème que je ne peux pas résoudre. Mon logo a une position différente dans IE7 que dans d'autres navigateurs comme IE8, FF et chrome.

C'est IE7:

http://www.prestashop.com/?ACT=29&fid=9&aid=16515_Awto8qE0tmhdhVFv8yWF&board_id=1

Alors que IE8 et d'autres le montrent correct, entre les bordures noires et grises.

Le code css:

#logo { float:left; margin-top:-45px; margin-left:20px;

Comment puis-je résoudre ce problème?

Answer 1

Différents navigateurs ont des valeurs par défaut différentes pour les éléments de page. Vous devez définir tous les éléments sur une valeur de base. la meilleure façon d'y parvenir est d'utiliser une réinitialisation CSS. «L'objectif d'une feuille de style de réinitialisation est de réduire les incohérences du navigateur dans des éléments tels que les hauteurs de ligne par défaut, les marges et les tailles de police des en-têtes, etc.

Vérifiez ce tutoriel sur: http://meyerweb.com/eric/tools/css/reset/

Tous les meilleurs.