Différence de margin/padding dans les différents navigateurs

Bonjour,

Pourquoi j'ai des resultats completement differents dans IE, FF et Chrome dans la taille des margin et padding? Dois-je utiliser une autre unite de mesure que les px (les em par exemple, ce que je fais pour line-height) ou le probleme vient-il de l'interpretation des differents browsers et donc dois-je adapter mon code ?

Merci =)

Bonjour,

* {
	padding: 0;
	margin: 0;
}

... et attribuer des margin et padding aux éléments qui en ont besoin.

De toute façon, les marges par défaut de ces éléments doivent généralement être redéfinies.

Bonne continuation.
Modifié par thierry (09 Oct 2012 - 15:33)

Déjà fait...

Alors, c'est que le problème n'est pas là, mais :

- changer d'unités ne changera pas le problème: si tu as des décalages en pixels, tu les auras en ems;
- sans liens vers tes pages/ta (tes) CSS, on pourrait difficilement t'aider.

Bonne continuation.

thierry a écrit :
Bonjour,

* {
	padding: 0;
	margin: 0;
}

... et attribuer des margin et padding aux éléments qui en ont besoin.

De toute façon, les marges par défaut de ces éléments doivent généralement être redéfinies.

Bonne continuation.

Mouais, pas forcément fan

http://www.alsacreations.com/astuce/lire/36-reset-css.html

As tu tester de mettre en place un reset.css ?

J'ai eu quelques problèmes de CSS dernièrement et cette option semble avoir régler tous mes soucis ...

--> http://www.webcssdesign.com/css/reset-css-eric-meyer/
Modifié par iwebu (09 Oct 2012 - 18:21)

J'ai deja un Reset CSS assez evolue...

Je ne peux malheureusement pas partager la page car c'est un projet d'entreprise et c'est encore offline (et confidentiel).

Ce que je peux dire c'est que par exemple un menu s'affiche correctement sous Chrome, a 5 pixels de plus en bas (padding) pour firefox et IE, et que sous IE, le bg est blanc au lieu d'etre transparent...

Les bg, bon, j'ai l'habitude, mais les margin... peut-etre je vais devoir passer par des hack CSS...

Un bon lien ?

Merci pour votre aide a tous =)

PS : Chrome au pouvoir