Bonjour,

Voila, j'ai une div grise.
A l'interieur de cette boite, j'en place une plus petite, noire celle-ci.
La boite noire doit etre décalée de 20px par rapport au bord haut de la boite grise.

Le code HTML :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
 
<div style="background-color:#DEDEDE; width:500px; height: 500px">
 <div style="background-color:#000000;color:#FFFFFF;margin-top:20px">noir</div>
</div>
Le probleme c'est que sous moz ou firefox, ce n'est pas la boite noire qui se décale, mais la boite grise.

Apparemment, cela proviendrait de la fusion des marges.

Une solution :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
 
<div style="background-color:#DEDEDE; width:500px; height: 500px;padding-top:20px">
 <div style="background-color:#000000;color:#FFFFFF">noir</div>
</div>
Mais du coup, maintenant c'est le probleme entre le modele de boite standard et le modele IE qui pose probleme !

Est ce qu'il un moyen d'annuler cette fusion des marges ? ou est-ce qu'il existe une autre solution à mon probleme ?

Merci d'avance