Проблемы с позиционированием CSS

Question

Я пытаюсь, конечно, что-то построить в HTML.

Однако, я столкнулся с некоторыми серьезными проблемами с позиционированием!

Я пытаюсь получить элементы на веб-сайте, чтобы быть центрированным, но я не могу этого сделать, не жертвуя (как-то) элементами управления, такими как z-index и width на этих элементах. В некоторых случаях наоборот.

Теоретически, я должен иметь возможность сделать что-то центрированное, установить его ширину и установить его индекс Z сразу.

Может ли кто-нибудь помочь?

Answer 1

Чтобы что-то центрировать, задайте его поля auto. Чтобы установить ширину объектов, установите width, чтобы установить z-индекс объекта, установите его положение на relative, чтобы поддерживать его центрируемость, и соответственно установите его z-index.

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

Пример: http://jsfiddle.net/wDzkd/