Bonjour
Je voudrai être sur d'avoir bien compris
Si j'ai un bloc comprenant deux autres blocs, alignés horizontalement séparés par une gouttière
Si dans les css j'ai indiqué:
Cela veut bien dire que les border et les padding sont déduits des blocs?
Exemple de modification: j'ajoute une bordure de 10 px à mes trois div.
le wrapper demeure toujours à 640 px mais l'espace interieur est réduit à 620px , par contre les blocs 1 et 2 font toujours 300px.
Et par conséquent si je veux que les deux blocs soient toujours alignés horizontalement, il faut ( si je ne veux pas toucher à la taille des blocs 1 et 2) que je réduise la gouttière ( margin-left du bloc 2) à 20px?
est-ce bien cela?
Merci
Modifié par cpalo (18 Nov 2013 - 19:41)
Je voudrai être sur d'avoir bien compris
Si j'ai un bloc comprenant deux autres blocs, alignés horizontalement séparés par une gouttière
<div id="wrapper">
wrapper de 640px
<div id="bloc1>width:300px</div>
<div id="bloc2">width:300px margin-left:40px</div>
</div>
Si dans les css j'ai indiqué:
*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
Cela veut bien dire que les border et les padding sont déduits des blocs?
Exemple de modification: j'ajoute une bordure de 10 px à mes trois div.
le wrapper demeure toujours à 640 px mais l'espace interieur est réduit à 620px , par contre les blocs 1 et 2 font toujours 300px.
Et par conséquent si je veux que les deux blocs soient toujours alignés horizontalement, il faut ( si je ne veux pas toucher à la taille des blocs 1 et 2) que je réduise la gouttière ( margin-left du bloc 2) à 20px?
est-ce bien cela?
Merci
Modifié par cpalo (18 Nov 2013 - 19:41)