Фон вертикально выровнен с div

Question

Я пытаюсь создать фоновое изображение полной ширины, которое выравнивается по вертикали по центру. Должен ли я создать оболочку для всего контента или есть другой способ сделать это (без абсолютного позиционирования)? Спасибо.

альтернативный текст http://img229.imageshack.us/img229/7391/99479284.png

РЕДАКТИРОВАТЬ: Извините, если я не очень хорошо объяснил это. Я изменил изображение.

Answer 1

Фоновые изображения не отображаются за пределами содержащих их элементов. Это не означает, что все или часть фонового изображения не могут быть размещены вне его элемента, просто то, что части, которые находятся за границей элемента, не будут отображаться при визуализации страницы.

Короче говоря, да. Вам придется использовать div обертки.

Answer 2

Да, вы хотите использовать оболочку:

CSS:

#wrapper { width: 100%; background: url(yourimage.png) left center repeat-x; }
#content { width: 960px; margin: 0 auto; }

HTML:

<div id="wrapper">
   <div id="content">
      My content
   </div>
</div>