28173 sujets

CSS et mise en forme, CSS3

Bonjour, lorsque l'on déclare des marges intérieures à un conteneur, ces marges viennent s'ajouter aux dimensions initiales du conteneur :
- Normal ou pas ?
Merci pour vos conseils.
Bonjour,
Oui dans un modèle de boîte standard c'est tout à fait normal.
Le modèle de boîte microsoft lui ne les ajoute pas.
Pour garantir une harmonisation de la mise ne page sur les versions
d'IE antèrieur à la 6 (qui sont en modèle de boîte microsoft),
il est conseillé de ne pas utiliser des propriétés de taille (width et height)
avec des espacement intèrieur (padding) et des bordures (border).
Voir http://openweb.eu.org/articles/dimensions_boites_css/
Modifié par Hermann (15 Jan 2007 - 16:17)
Ok j'ai vu.
Par contre (je débute en CSS grâce au bouqin de Raphaël) et j'ai une question d'alignement ...... vertical (oui je sais Grrrrrrrrrrrrrrr.....).
J'ai compris pour aligner un conteneur dans la page (en vertical et en horizontal) mais pour aligner verticalement un texte dans un bloc, là je galère.
Pour faire simple, j'ai un conteneur <div> dans lequel j'ai un <p> pour le texte.
Comment attribuer des propriétés d'alignement vertical à mon <p> pour qu'il vienne se caler au milieu de mon conteneur <div> ?
Déjà est-ce que c'est jouable dans la construction comme ci-dessous ?

<style type="text/css">
#global {
width: 200px;
margin: auto;
position: relative;
height: 100px;
background-color: #FFEDA6;
}
p {
font-family: "Courier New", Courier, monospace;
font-size: 16px;
font-style: normal;
font-weight: bold;
color: #0000CC;
text-align: center;
}
</style>

Merci.
Bonjour,

Pourrais-tu Editer ton message et mettre le code au moyen des balises [code ] ton-code [/code ] prévues à cet effet ?
Merci Smiley cligne
Modifié par Cygnus (15 Jan 2007 - 18:08)
Pense à utiliser le bouton code pour le mettre en forme comme il convient.
Tu as la solution d'ajouter à ton div conteneur des padding verticaux de
même valeur (en poucentage ou en pixel selon le cas).
Modifié par Hermann (15 Jan 2007 - 18:18)