css et compatibilté navigateurs

Version imprimable

31/07/2009, 16h41
rochdi123

css et compatibilté navigateurs

bonjour,
j'ai une page html oû je mets au milieu une balise

Code:

<div style="margin-top:50px"/>

.
le problème c'est lorsque je teste la page la marge supérieure définie par l'attribut margin-top varie selon le navigateur utilisé, j'ai constaté que chaque navigateur considère ses propres pixels :cry:
est ce qu'il y a une solution qui va nous permettre de définir un certains pixels pour un certain navigateur, par exemple on teste si le navigateur est IE on va prendre 50px, sinon si FF on va prendre 60px etc...
merci d'avance pour votre réponse que j'en est vraiment besoin :D
31/07/2009, 17h23

Tu peux jouer avec position: relative; top:50px; dans ton div. J'ai eu ce problème plusieurs fois et soit j'arrivais à le régler comme ça, soit j'appliquais un padding plutôt qu'un margin.
31/07/2009, 17h48
rochdi123

j'ai remplacé margin-top par padding-top et ca marche trés bien :D
merci beaucoup pour votre réponse, et en même temps j'aimerais bien savoir est ce que la possibilité concernant les navigateurs(si IE ...) ca existe ou pas ?
et merci encore une fois ;)
31/07/2009, 18h38
pop_up

Pour IE, il y a les commentaires conditionnels
31/07/2009, 19h44
Macmillenium
Bonjour,

Tout d'abord, div est une balise fermante :
Code:

1 2 <div style="margin-top:50px"></div>
Citation:

Envoyé par rochdi123

le problème c'est lorsque je teste la page la marge supérieure définie par l'attribut margin-top varie selon le navigateur utilisé, j'ai constaté que chaque navigateur considère ses propres pixels :cry:

Ça sent la fusion des marges.
Montre ton code (X)HTML/CSS stp.