Problemi di posizionamento / ridimensionamento CSS: html, css, css3, media-query

questo è un problema semplice per alcuni, quindi perdonami per una domanda così basilare. Ho problemi a posizionare il mio livello div #section-1, fondamentalmente voglio il contenuto all'interno di <div> per rimanere in posizione quando aumento le dimensioni dello schermo. Clicca qui

Sto fallendo in modo epico nel raggiungere questo obiettivo. Ho impostato #section-1 con le seguenti proprietà:

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

Inoltre ho impostato il mio #wrapper al seguente:

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

Ho provato a specificare la larghezza massima di # sezione-1 e applicare il margine: 0 auto; tuttavia il contenuto all'interno della sezione 1 si sposta comunque quando si aumentano le dimensioni dello schermo.

Qualcuno ha una soluzione al problema ...?

risposte:

Per margini di 100 px di larghezza su ciascun lato:

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

Nota che funziona con o senza il tuo wrapper: molti CSS nel tuo wrapper sembrano superflui.