Problèmes de positionnement CSS

Question

J'essaye, bien sûr, de créer quelque chose en HTML.

Cependant, je suis confronté à de sérieux problèmes de positionnement! J'essaie de centrer les éléments du site Web, mais je ne peux pas le faire sans sacrifier (en quelque sorte) les contrôles tels que z-index, et la largeur sur ces éléments - Dans certains cas, vice versa. Théoriquement, je devrais être capable de faire quelque chose de centré, de définir sa largeur, et de définir son index Z en une seule fois.

Quelqu'un peut-il aider?

Answer 1

Pour centrer quelque chose, définissez ses marges sur auto. Pour définir une largeur d'objet, définissez width pour définir l'index z d'un objet, définissez sa position sur relative pour conserver son centrage et définissez son index z en conséquence.

div { 
    width:40%; 
    position:relative; 
    z-index:5; 
    margin:auto; 
    background-color: red; 
} 

Exemple: http://jsfiddle.net/wDzkd/