[CSS] Estendere un div oltre la risoluzione visibile

[w_t]

Salve,
sono impazzito per estendere un DIV nel mio sito oltre la risoluzione dell'area visibile.

es:
- il mio monitor lavora a 1920px, oppure altri monitor che lavorano a risoluzioni inferiori
- ho un immagine di 2200px
- vorrei centrare l'immagine nello schermo ma non fare apparire la barra di scorrimento orizzontale

Come possi fare ??

Io ho fatto così ma non funzione, la barra appare...

CSS:

#divBG
{
 position:absolute;
 width:2200px;
 height:500px;
 left:50%;
 margin-left:-1100px;
 background:url(../images/bg_1.jpg) top left no-repeat;
}

HTML:

<div id="divBG"></div>

[KillerWorm]

Ciao, in questo caso non hai bisogno di lavorare sulle dimensioni del div. Se la tua immagine ha già la dimensione voluta ti basterà impostare la proprietà position come center sul background e lasciare il div al 100% di larghezza e altezza.

Mettendo il caso che il div stia dentro il body, potresti fare una cosa del genere:

body{
  margin: 0;
}
#divBG{
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: url(../images/bg_1.jpg) center no-repeat;
}

Chiaramente è possibile anche farlo come stavi pensando tu, ma dovrai impostare la proprietà overflow come hidden per l'elemento che contiene il div. In questo modo, tutto ciò che va oltre l'area di tale contenitore, sarà tagliato senza che siano mostrate le barre di scorrimento.

[w_t]

perfetto!!!!
quello che volevo, grazie mille per l'aiuto !!!