commande margin-top et FF... incompatibles ?

[loufpad]

Salut la Troupe WRI
Pourriez vous me donner un petit coup de main.

Je veux rendre mon site compatible avec FF.
Ainsi, je veux emboiter une boite dans une autre : l'emboitée devant se trouver à 10px du bord gauche de l'emboitant et à 10 px du haut.

VOilà mon code :
<div class="boite_contenant">
<div class="boite_contenue">
</div></div>

Mon CSS :

.boite_contenant
{
margin-left: 10px ;
width:900px;
height:200px;
background-color:yellow;
}

.boite_contenue
{
margin-left:10px;
margin-top:10px;
width:130px;
height:150px;
background-color:black;
font-family:verdana, sans-serif;
font-size:60%;
color:white;
}

La commande "margin-top" est bien reconnue sous IE, mais sous FF elle est sans effet. Ma boite "contenue" est collée en haut de ma boite "contenant".

Un petit conseil de votre part me serait bien utile :wink:
Merci

 

[Ron56]

Ça devrais marcher car chez sur dans les articles alsacreation il le font !

Morceau de l'article :

Partie HTML :
<div class="conteneur">
   <div class="bloc">bli bli bli</div>
</div>


Et la CSS correspondante :
.conteneur {
background-color: blue;
height: 100px;
width: 100px;
}
.bloc {
background-color: yellow;
height: 50px;
width: 50px;
margin-left: 20px;
margin-top: 40px;
}

Cela donne

 

[loufpad]

Merci, mais justement le margin-top n'est pas pris en charge avec FF... alors que le margin-left, oui :?

 

[Ron56]

Peut etre un <br/> :?

 

[dorian53]

Salut,

Je survole les posts, si vous dites que margin-top ne fonctionne pas dans votre cas c'est possible.

Si vous dites que margin-top ne fonctionne pas sous Fx (FF) d'une manière général je dis NON. Cela fonctionne sans aucun soucis.

 

[loufpad]

JE veux bien ,mais pourtant ça ne fonctionne pas avec FF alors qu'avec IE c'est ok

 

[MarvinLeRouge]

La propriété margin-top est tout à fait prise en compte sous FF. Tu as peut-être un problème avec le principe des "collapsing margins".
Purrasi-tu donner une url de test stp ?

 

[fra_arf]

Je confirme, c'est très bizzare que cela ne fonctionne pas.
Il faudrait voir le code exact de tout les DIV pour savoir si
il ya des des absolus et des relatives qui pourrai créer une incompatibilité quelconque car, j'ai refait tout mon site en DIV et je n'est pas de problème avec MZ & FF ni avec IE d'ailleurs tan qu'on respectes les quelques règles dites sur la plus part des site qui font des tutos après le reste vient en trifoulliant ^^

 

[jOoL]

donne l'url, ou le css complet, si ça se trouve, il est redéfini une seconde fois.