Discussion :

[Clorish]

J'ai quelques questions en vrac pour mieux comprendre le design CSS :

1 - Quel est la difference fondamentale entre margin et padding ? J'ai remarqué que des fois on utilise l'un des fois l'autre. Quand utiliser quoi et pour quel effet ?

2 - Structure des Divs : Un div imbriqué dans un autre div peut il etre desolidarisé de son ancetre ? C'est a dire que si j'inclut un div (menu) dans un header par exemple, puis-je plus tard le deplacer en dehors de son div conteneur ou faut il l'extraire et le placer dessus ?

3 - Ordre de creation des Divs : Y a t il un odre a respecter ou des astuces pour passer outre cet ordre de creation quand on concoit un design CSS ?

4 - Existe t il une sorte de methode pour structurer sa page de telle maniere que plus tard on soit le moins bloqué possible ? ou bien cela depends de l'ensemble des designe que l'on souhaite mettre en place ?

A bientot pour de nouvelles questions

[jmulans]

1 - margin c'est la marge exterieure, et padding la marge interieure (ou l'inverse )

[Clorish]

ok merci mais comment savoir si on opte pour l'un ou pour l'autre

[Clorish]

nouvelle question :
5 - Le positionnement absolut est par rapport a la page ? ou en absolut par rapport a son conteneur ?

[E.Bzz]

nouvelle question :
5 - Le positionnement absolut est par rapport a la page ? ou en absolut par rapport a son conteneur ?

absolute = par rapport à la page, qqsoit son contenu (en dehors du flux => pas d'interaction par défaut avec les autres éléments)
relative = par rapport au conteneur (élément parent)

A+

[Clorish]

absolute = par rapport à la page, qqsoit son contenu (en dehors du flux => pas d'interaction par défaut avec les autres éléments)
relative = par rapport au conteneur (élément parent)

ok merci
mais cela m'amene vers une autre question : Il y a possibilité de faire du absolute relativement a un div
en fait le but serait de superposer 2 divs dans un divs sans avoir a les specifier de maniere absolue stricte par rapport a la page.

[Bisûnûrs]

absolute = par rapport à la page, qqsoit son contenu (en dehors du flux => pas d'interaction par défaut avec les autres éléments)
relative = par rapport au conteneur (élément parent)

A+

Je dirais même plus :

Absolute, se positionne en fonction de son dernier élément parent positionné, à défaut, le body.

Relative, se positionne par défaut à l'endroit où il aurait dû prendre sa place.

[E.Bzz]

ok merci mais comment savoir si on opte pour l'un ou pour l'autre

Si tu as une bordure, l'espace sera généré à l'extérieure avec margin et à l'intérieur (entre la bordure et le contenu) avec padding.
Pour le choix, à toi de voir en fonction du résultat souhaité

A+

[jmulans]

bah... ça c'est ton choix
si par exemple tu veut de l'espace autour d'un tableau, tu met margin
si a l'interieur d'un tableau, tu veut de l'espace à l'interieur des cellules, tu met padding

[E.Bzz]

si par exemple tu veut de l'espace autour d'un tableau, tu met margin

... sur <table>

si a l'interieur d'un tableau, tu veut de l'espace à l'interieur des cellules, tu met padding

... sur chaque <td>