pagina web con bande laterali a diverse risoluzioni

[kappa85]

Ciao,
sto cercando di realizzare questo: ho una pagina web con un div contenitore. Questo div è largo 1024px perchè ho deciso che questa è la risoluzione minima per vedere questa pagina, quindi chi apre con questa risoluzione deve vedere a tutto schermo (in larghezza) il div principale. Invece vorrei che chi apre la pagina con una risoluzione maggiore (1280,1600 ad esempio) veda il div contenitore al centro dello schermo e ai lati due bande colorate che vanno a riempire il monitor.

Il div è fatto così:

#content{    
    position: absolute;
    width:1024px;
    overflow:hidden;
    margin-left: -512px;
}

e per ora ho scritto questo:

#about 
{    
    margin: 0 auto;
    background-image: url(../img/banda_grigia.png);
}

in cui banda_grigia.png è un'immagine alta 1px che si replica in verticale, ma il problema è che se ridimensiono a 1024 in pratica vedo solo la metà sx della pagina, mentre il mio #content dovrebbe andare a tutta pagina e far sparire le bande.... mi potete aiutare?

Grazie

[Al_katraz984]

se div#content è il top-level div della pagina basta che ci fai:

#content {
  width: 1024px;
  margin: 2% auto;
}