Ciao a tutti e grazie in anticipo a chi saprà darmi qualche consiglio su questo problema!

In pratica sto creando un sito che ha un immagine di sfondo fissa (che si adatta alle dimensioni del browser) e il div container, con i vari div interni, che scorre sullo sfondo.

Se stabilisco un altezza precisa del container non ho problemi a conferirgli lo sfondo bianco.

Il problema è che vorrei lasciare il container con altezza variabile, ma in questo modo anche se gli do sfondo bianco, lo sfondo rimane trasparente e si vede l'immagine di sfondo del body.

Qualcuno ha una soluzione? Grazie!


Vi incollo sotto il codice dell'intera pagina (in questo caso ho dato al container altezza fissa per vederlo bianco):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<link href="stilehome.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}


function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}


function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
<!-- include jQuery library -->
<script type="text/javascript" src="jquery.js"></script>
<!-- include Cycle plugin -->
<script type="text/javascript" src="jquery_cycle.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.immagininuove').cycle({
fx: 'scrollHorz', // choose your transition type, ex: fade, scrollup, shuffle, etc...
speed: '500',
timeout: 0,
next: '#pulsantenext',
prev: '#pulsanteprev'
});
});
</script>
<!-- include jQuery library -->
<script type="text/javascript" src="jquery.js"></script>
<!-- include Cycle plugin -->
<script type="text/javascript" src="jquery_cycle.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.immaginiusate').cycle({
fx: 'scrollHorz', // choose your transition type, ex: fade, scrollup, shuffle, etc...
speed: '500',
timeout: 0,
next: '#pulsantenextautousate',
prev: '#pulsanteprevautousate'
});
});
</script>
</head>


<body onload="MM_preloadImages('Template per tutte le pagine/pulsante-Home-freccetta.png','Template per tutte le pagine/pulsante-Auto-nuove_giallo.jpg','Template per tutte le pagine/pulsante-Auto-usate_giallo.jpg','Template per tutte le pagine/pulsante-Polizze-auto_giallo.jpg','Template per tutte le pagine/pulsante-Contatti_giallo.jpg','Template per tutte le pagine/pulsante-Link-utili_giallo.jpg')">
<div id="container">
<div id="logoetestata"><img src="Template per tutte le pagine/logo-e-testata.jpg" width="1000" height="230" /></div>
<div id="barranavigazione">
<div id="spaziovuoto"><img src="Template per tutte le pagine/spazio-vuoto-barra-navigazione.jpg" width="220" height="55" /></div>
<div id="pulsantehome"><a href="homeflash.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','Template per tutte le pagine/pulsante-Home-freccetta.png',1)"><img src="Template per tutte le pagine/pulsante-Home-freccetta.png" width="105" height="63" id="Image2" /></a></div>
<div id="pulsanteautonuove"><a href="autonuove.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','Template per tutte le pagine/pulsante-Auto-nuove_giallo.jpg',1)"><img src="Template per tutte le pagine/pulsante-Auto-nuove_blu.jpg" width="140" height="55" id="Image3" /></a></div>
<div id="pulsanteautousate"><a href="autousate.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','Template per tutte le pagine/pulsante-Auto-usate_giallo.jpg',1)"><img src="Template per tutte le pagine/pulsante-Auto-usate_blu.jpg" width="150" height="55" id="Image4" /></a></div>
<div id="pulsantepolizze"><a href="polizzeauto.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','Template per tutte le pagine/pulsante-Polizze-auto_giallo.jpg',1)"><img src="Template per tutte le pagine/pulsante-Polizze-auto_blu.jpg" width="140" height="55" id="Image5" /></a></div>
<div id="pulsantecontatti"><a href="contatti.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('pulscontatti','','Templ ate per tutte le pagine/pulsante-Contatti_giallo.jpg',1)"><img src="Template per tutte le pagine/pulsante-Contatti_blu.jpg" width="130" height="55" id="pulscontatti" /></a></div>
<div id="pulsantelinkutili"><a href="linkutili.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('pulslink','','Template per tutte le pagine/pulsante-Link-utili_giallo.jpg',1)"><img src="Template per tutte le pagine/pulsante-Link-utili_blu.jpg" width="115" height="55" id="pulslink" /></a></div>
</div>
<div id="inevidenza">
<div id="testoscorrevole">
<div id="contenutotestoscorrevole"><marquee width=255 height=130 direction="up" scrollAmount=2 OnMouseOver=this.stop() OnMouseOut=this.start() style="font-size: 12pt; color:#000; font-family: arial;" ><center><b>
<p>I SERVIZI OFFERTI DA<br /> <u><font color="#000066">PIEROTTI AUTO</font></u></p>
<p>&nbsp;</p>
<p>Possiblità di conto vendita</p>
<p>&nbsp;</p>
<p>Rottamazione gratuita</p>
<p>&nbsp;</p>
<p>Polizze assicurative per auto e moto direttamente in sede</p>
<p>&nbsp;</p>
<p>Per moto di cilindrata superiore a 150cc, possibilità di sospensione della polizza assicurativa nei mesi invernali</p>
<p>&nbsp;</p>
<p>Finanziamenti personalizzati</p>
<p>&nbsp;</p>
<p>Passaggi di proprietà in sede</p>
<p>&nbsp;</p>
<p>Autocarrozzeria convenzionata</p></b>
</center></marquee></div>
</div>
<div id="offertadelmese"></div>
<div id="finanziamenti"></div>
</div>
<div id="animazioneflashvideo">ANIMAZIONE FLASH VIDEO</div>
<div id="autonuove">
<div class="immagininuove"><img src="Pagina Home/Immagini Auto Nuove/immagini auto nuove piccole/audi a1_3 copia.jpg" width="322" height="242" /><img src="Pagina Home/Immagini Auto Nuove/immagini auto nuove piccole/alfa romeo giulietta 3 copia.jpg" width="322" height="242" /><img src="Pagina Home/Immagini Auto Nuove/immagini auto nuove piccole/bmw i3_1 copia.jpg" width="322" height="242" /><img src="Pagina Home/Immagini Auto Nuove/immagini auto nuove piccole/ford fiesta 1 copia.jpg" width="322" height="242" /><img src="Pagina Home/Immagini Auto Nuove/immagini auto nuove piccole/ford ka 4 copia.jpg" width="322" height="242" /></div>
<div id="pulsanteprev"><img src="Pagina Home/pulsante-prev-auto nuove.png" width="29" height="29" /></div>
<div id="pulsantenext"><img src="Pagina Home/pulsante-next-auto nuove.png" width="29" height="29" /></div>
</div>
<div id="autousate">
<div class="immaginiusate"><img src="Pagina Home/immagini auto usate/immagini auto usate piccole/peugeot 107_3 copia.jpg" width="322" height="242" /><img src="Pagina Home/immagini auto usate/immagini auto usate piccole/opel adam 1 copia.jpg" width="322" height="242" /><img src="Pagina Home/immagini auto usate/immagini auto usate piccole/renault clio 2 copia.jpg" width="322" height="242" /><img src="Pagina Home/immagini auto usate/immagini auto usate piccole/vw up 1 copia.jpg" width="322" height="242" /><img src="Pagina Home/immagini auto usate/immagini auto usate piccole/renault twingo 2 copia.jpg" width="322" height="242" /></div>
<div id="pulsanteprevautousate"><img src="Pagina Home/pulsante-prev-auto usate.png" width="29" height="29" /></div>
<div id="pulsantenextautousate"><img src="Pagina Home/pulsante-next-auto usate.png" width="29" height="29" /></div>
</div>
<div id="assicurazioni"></div>
<div id="footer"></div>
</div>
</body>
</html>