Immagine di sfondo adattabile

[Felino]

Salve utenti,
avrei bisogno del vostro prezioso aiuto!

Al seguente link ho impostato un'immagine di sfondo nel corpo centrale, ma come potrete vedere si adatta al contenuto del corpo centrale e non scende lungo tutti i menù.

Siccome può capire che la pagina sia anche più lunga del menù, come posso risolvere questo problema?

Grazie!

[Prill]

Imposta lo sfondo sul div più esterno, dovrebbe essere il div wrap, che comprende tanto i menu che il contenuto centrale, posizionandolo coi css o se necessario modificando l'immagine e lasciandole una parte trasparente dai lati (salvandola come gif). Non c'entra nulla, ma non usare lo stesso id più volte nella pagina, crea piuttosto una classe quando uno stile deve essere applicato a più elementi

[Felino]

Originariamente inviato da Prill
Non c'entra nulla, ma non usare lo stesso id più volte nella pagina, crea piuttosto una classe quando uno stile deve essere applicato a più elementi

Grazie per la soluzione, effettivamente molto semplice ma mi era sfuggita.

Non ho capito la 2° parte, potresti far un esempio nel mio caso?

[Prill]

<h2>Strutture vicine a:</h2>
<ul id="voce_menu_sx">[*]

...
<ul id="voce_menu_sx">[*]

...
<h2>Aziende Partner:</h2>
<ul id="voce_menu_sx">[*]

eccetera

un id identifica un unico elemento della pagina, non può essere ripetuto. Quando si ha la necessità di applicare la stessa formattazione a più elementi sarà necessario creare una classe (.voce_menu_sx e non #voce_menu_sx) che potrà invece essere applicata nella stessa pagina tutte le volte che desideriamo

[Felino]

Grazie dell'ottimo suggerimento!

Sai che se metto lo sfondo sul div wrap non vedo nulla come sfondo?
Se invece lo metto su div#content si vede, ma sempre non si adatta a tutto il contenuto...

[Prill]

Hai elementi flottanti, fai un clear dopo di essi?

[Felino]

Esatto, alla fine del content c'è <div id="chiusura-content"></div>
che sarebbe:

#chiusura-content { 
  clear: both; 
  padding-top: 1px;
  margin-top:-35px;
  margin-bottom:10px;
  background:url(images/content.jpg) repeat-x; 
}

[Felino]

Ragazzi, nessun suggerimento?

[Prill]

La tua immagine di sfondo è impostata sul div maincontent che contiene solo il testo e non sul div wrap che contiene tutte e tre le colonne, è a quello che devi attribuirlo

[Felino]

Prill, l'ho associato al div wrap, e come puoi vedere (ho fatto l'immagine di sfondo grigia) guarda come si vede....

Dovrei associarlo al div#content, ma siccome c'è min-height: 500px !important; height:auto; si blocca comunque a 500px!