Flux naturel et conteneur

Bonjour!

Je pense savoir concrètement ce qu'est le positionnement suivant le flux naturel (à l'aide de marges) mais il y a quelque chose qui me chiffonne.

Si je positionne un bloc sur la page (element parent body donc), l'élément à positionner se place par rapport à la marge gauche du body et suivant le flux. On peut ensuite modifier les marges de l'élément pour le "déplacer". ça ok!

Mais si maintenant si j'imbrique mon élément div admettons de classe "conteneur" dans un autre div, lui-même placé en flux naturel, pourquoi si je veux déplacer mon div imbriqué vers le bas en utilisnt margin-top, se déplace le conteneur principal et pas le div imbriqué? Sur quelle référence se base le déplacement de ce div imbriqué?

Bonjour,

Un exemple en ligne ou au minimum le code html et css ici serait sympa pour bien comprendre le problème…

CODE CSS

div.cont{
background-color:gray;
width:300px;
height:200px;
}
div.boxRed{
background-color:red;
width:60px;
height:60px;
margin-top:50px;
}

Dans ce cas; boxRed ne descend pas de 50px par rapport à son conteneur (cont). C'est la boite de classe .cont qui se déplace de 50px vers le bas.

Pourquoi?

a écrit :
Dans ce cas; boxRed ne descend pas de 50px par rapport à son conteneur (cont). C'est la boite de classe .cont qui se déplace de 50px vers le bas.

Pourquoi?

Salut et bienvenue ici

C'est le comportement classique (et normal) appelé "fusion de marges".
Voici des pistes que j'ai trouvé en cherchant dans le forum :
http://forum.alsacreations.com/topic.php?fid=4&tid=1749
http://forum.alsacreations.com/topic.php?fid=4&tid=2510
http://forum.alsacreations.com/topic.php?fid=4&tid=1702

Bonne lecture et bonne chance
Modifié par Raphael (11 Nov 2005 - 16:41)

Je te remercie j'ai lu tout ça et j'ai bien compris le phénomène

Ton problème a été [Résolu] ?

ouii c'est résolu merci

@ FoxEye > Hum, n'aurais-tu pas oublié de cliquer sur l'URL de Raphael pour comprendre ce qu'il a voulu dire ?