CSS Затруднения при позиционирането / преоразмеряването - html, css, css3, media-queries

Това е прост проблем за някои, затова ми прости за такъв основен въпрос. Имам проблеми с позиционирането на моя div слой #section-1, основно искам съдържанието в <div> за да останете в позиция, когато увелича размера на екрана. Натисни тук

Аз не успявам epically в постигането на това. Зададох #section-1 със следните свойства:

    #section-1{
position: relative;
width: 100%;
}

Също така имам определени #wrapper към следното:

#wrapper{
max-width: 1600px;
min-width: 320px;
width: 100%;
margin: 0 auto;
position: relative;
}

Опитах се да посоча максималната ширина на # секция-1 и да приложим марж: 0 auto; въпреки това съдържанието в секцията-1 все още се движи, когато се увеличи размерът на екрана.

Някой има ли решение на проблема ...?

Отговори:

За полета с ширина 100px от всяка страна:

#section-1{
position: relative;
margin: 0 100px;
}

Имайте предвид, че това работи с или без обвивката - много от CSS в обвивката ви изглежда ненужно.