Нужно выровнять 3 объекта в центре экрана

Мне нужно, чтобы графические divs всегда были центрированы на странице.
Это какая-то структура в настоящий момент.Нужно выровнять 3 объекта в центре экрана

ДЕРЖАТЕЛЬ ДИВ
(позиция: абсолютная; ширина: 100%;)
второй ДИВ
(положение: относительная; ширина: 2272px; поле: 0 авто;)
Изображение Divs
(поплавок: левый)

Этот код работает, если 2-й div имеет ширину менее 1000 пикселей, но мне нужно, чтобы оно было 2272. Кто-нибудь знает, как исправить это или обойти его более простой способ?

БЛАГОДАРЯ

EDIT Ok, это немного больше того, что я пытаюсь сделать. Сайт имеет ширину 960 пикселей. И тогда структура div, о которой я упоминал выше, идет ниже сайта, через z-index. И 2 фотографии должны быть обе стороны основного сайта, один слева и один справа. Таким образом, ширина 2272 составляет 2 снимка и 960 отступов, где находится сайт. Вот фотография сайта.
http://cb.seddonmedia.com/RobertHillPhotography-Home-2.jpg

источник

2012-01-29 Chris

СМЧ margin: 0 auto; работает только тогда, когда выбран элемент меньше общей ширины контейнера.

Зачем вам нужен 2-й дивизор шириной 2272px?

Если вы пытаетесь центрировать выравнивание фонового изображения (мое лучшее предположение о том, что вы пытаетесь сделать), вам лучше использовать изображение через css и использовать background-position: center center, чтобы получить его по центру.

Вот еще информация о css background property.

источник

2012-01-29 00:57:21 Matthematics

Я предполагаю, что он пытается центрировать изображение? 'margin: 0 auto;' - идеальный способ центрировать div или 'align: center;' сам тег div. – Anagio

Спасибо. Я отредактировал сообщение, чтобы объяснить, что мне нужно достичь – Chris

@ Lübnah - Любые идеи? – Chris

попытка - http://jsfiddle.net/q5WwW/.

position: relative; 
    left: 50%; 
margin-left: -1136px;

источник

2012-01-29 01:00:38 theliberalsurfer

Какой div я должен добавить? – Chris

средний, один с шириной 2272px. – theliberalsurfer

-3

Кроме того, в HTML вы можете сказать: <center> <div></div> </center>

источник

2012-01-29 02:24:17 Zungy

Если вы не ограничены требованием, чтобы поместить фотографии за содержание через индекс г могли бы вы использовать компоновку CSS 3 колонки для решения этой проблемы ?

#top{ 
clear: both; 
padding: 1px; 
} 
#left{ 
float: left; 
width: 656px; 
} 
#right{ 
float: right; 
width: 656px; 
} 
#middle{ 
padding: 0px 656px 0px 656px; 
width: 960px; 
} 
#bottom{ 
clear: both; 
}

HTML, будет выглядеть в концепции:

<body> 
    <div id="top">TOP</div> 
    <div id="left">LEFT</div> 
    <div id="right">RIGHT</div> 
    <div id="middle">MIDDLE</div> 
    <div id="bottom">BOTTOM</div> 
</body>

Есть другие способы сделать 3 колонки в CSS, как: The Perfect 3 Column Liquid Layout (Percentage widths) или 3 Column CSS Layout: Fixed Width And Centered

источник

2013-03-19 22:45:31 techkilljoy

Нужно выровнять 3 объекта в центре экрана

ответ

Смежные вопросы