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

Question

Извините, если это простое решение, но мой мозг, похоже, не работает сегодня, и я просто не могу заставить его работать должным образом.

Проблема: Я пробую новый дизайн с заголовком 2000px, который позволяет создавать ощущение ландшафта на больших мониторах.

Однако, когда я смотрю дизайн на меньшем мониторе, весь div заголовка смещается от центра, и поэтомунекоторые меню недоступны для просмотра.

Div контента явно находится в центре монитора, однако я не могу найти решение, чтобы убедиться, что он выровнен по центру div заголовка.

Я приложил изображение, чтобы помочь объяснить ситуацию.

Answer 1

Просто попробуй,

HTML

<div id="container">
<div id="header"></div>
<div id="content"></div>
</div>

CSS

#container{
width:1920px; //any other value.
margin:0 auto;
}

Answer 2

Я бы предположил, что ваша CSS для изображения помещает его top left, просто переместите его на top middle[or is it center], и все будет в порядке.

так background: url(...) no-repeat top center