Informations sur l'utilisation des marges

Question

J'ai besoin d'informations sur l'utilisation des marges et sur le fonctionnement exact de padding .

Par exemple: devrais-je insérer une ligne pour occuper toute la largeur de la page (quelle que soit la résolution utilisée pour afficher la page Web) en laissant juste une petite bordure de chaque côté, comment pourrais-je y parvenir?

Answer 1

Regardez ceci: http://redmelon.net/tstme/box_model/

En gros, un élément est constitué de contenu, entouré de son remplissage, puis de la bordure, puis de la marge. Les images d'arrière-plan ne s'étendent que jusqu'à la frontière. Les marges sont mieux décrites comme "l'espace blanc autour de cet élément".

Mais jetez un coup d'œil à l'URL ci-dessus, et faites-vous une page de test pour jouer, cela devrait avoir du sens.

Answer 2

Je pense que cela devrait faire ce que vous voulez:

<table width="100%" cellpadding="5">
  <tr>
    <td>
One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... 
    </td>
  </tr>
</table>

Réglage de la largeur sur " 100% " oblige le texte à utiliser toute la largeur et positionne cellpadding sur "5" définit une bordure invisible de 5 pixels.

Answer 3

Une autre façon de l'illustrer consiste à utiliser le modèle de boîte, le rembourrage étant l'intérieur "marge". d'une marge de boîte est le tampon autour de la boîte.