Discussion :

[dspade]

Bonjour tout le monde,

Pour faire simple :

- Quand je met un margin-left à un div il se décale bien par rapport au div dans lequel il est est.

- Quand je met un margin-top tout ces ancêtres ce décale du haut alors que je penser que sa le décalerai seulement lui.

Voila je comprends pas cette différence de comportement entre les deux. Si quelqu'un pouvais m'éclairer

Merci d'avance

[eckerdecker]

Bonjour,

Une adresse ou on pourrait voir ça ?

[Bisûnûrs]

Ça s'appelle simplement la fusion des marges :

L'explication qui suit vient d'un tutoriel que j'ai trouvé sur Internet:

8.3.1 La fusion des marges

Dans cette spécification, l'expression marges de fusion signifie que les marges adjacentes (sans qu'une aire d'espacement ou de bordure ne les séparent) de deux ou plusieurs boîtes (celles-ci pouvant être l'une à côté de l'autre ou imbriquées), ces marges se combinent pour n'en former qu'une seule.

En CSS2, les marges horizontales ne fusionnent jamais.

Les marges verticales peuvent fusionner entre certaines boîtes :

Les marges verticales de deux boîtes, ou plus, d'éléments de type bloc, placés dans un flux normal fusionnent. La largeur de la marge finale devient la valeur la plus grande entre celles des marges adjacentes. Dans le cas de marges négatives, on soustrait la plus grande des valeurs des marges négatives adjacentes, en valeur absolue, de la plus grande des marges positives adjacentes. Et s'il n'y pas de marges positives, on déduit de zéro la plus grande des marges négatives, en valeur absolue. Remarque Les boîtes limitrophes peuvent être générées par des éléments qui n'ont aucune parenté en tant que frères ou ancêtres ;
Les marges verticales entre une boîte qui flotte et toute autre boîte ne fusionnent pas ;
Les marges entre des boîtes absolument et relativement positionnées ne fusionnent pas.

[dspade]

Ah ok, j'avais jamais vu ça dans les tutos que j'ai fait =/
Mais ça explique très bien mon 'probleme'

Merci beaucoup