Position : fixed

[lucaeffe]

Sto provando a mantenere lo sfondo fisso e il container che scorre normalmente!

Ho provato cosi :



body{
position:fixed
background:#333 url(Nuova%20cartella/image/clouds.png) no-repeat top center ;
margin:0 auto;
padding:10px 0 0 0;
height:2500px;
width:100%;
}




ma il risultato è che si blocca tutto e scompare persino la scrollbar,come mai?



Ho provato anche cosi:



body{
margin:0 auto;
padding:10px 0 0 0;
height:2500px;
width:100%;
}

#sfondo_fisso{
background:#333 url(Nuova%20cartella/image/clouds.png) no-repeat top center ;

}



Ma lo sfondo rimane completamente bianco!

posto il CSS:


body{
background:#333 url(Nuova%20cartella/image/clouds.png) no-repeat top center ;
margin:0 auto;
padding:10px 0 0 0;
height:2500px;
width:100%;
}

#container{
background-color:#000;
background-repeat:repeat-y;
background-position:center;
width:950px;
height:5000px;
margin:0 auto;
padding:30px 0 0 0;

}

#header{
background-image:url(Nuova%20cartella/image/hea2.png);
background-repeat:no-repeat;
background-position:top;
margin:0;
padding:0;
height:600px;
width:950px;
}

#barra_luminosa_centro{
background-image:url(Nuova%20cartella/image/Barr_luminosa_centro.png);
background-repeat:no-repeat;
background-position:bottom;
margin:0;
padding:300px 0 0 0;
height:300px;
width:100%;
}

#header2{
background-image:url(Nuova%20cartella/image/welcome.png);
background-repeat:no-repeat;
padding:0;
width:950px;
height:330px;
margin:0;
}

#menu{
width:20px;
list-style:none;
overflow:hidden;
width:100%;
float:left;
padding:1px;
margin:250px 0 0 0;

}


#menu li{
display:inline;
}


#menu a{
display:block;
float:left;
padding-rigth:90px;
height:25px;
margin-left:60px;
padding-left:65px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-transform:uppercase;
text-decoration:none;
color:#FFF;
line-height:25px;
}

#menu a:hover{
color:#FC0;

}

.welcome{
list-style:none;
display:block;
width:100%;
height:25px;
margin:0 0 -20px 0;
padding:0;


}

.welcome li{
display:inline;
width:300px;
}

.welcome a{
display:block;
float:left;
padding-rigth:60px;
height:25px;
margin-left:30px;
margin-top:20px;
padding-left:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color: #FC0;
line-height:25px;
}

.welcome a:hover{
color:#FFF;

}

h1{
font-family:Arial, Helvetica, sans-serif;
font-size:36px;
color:#FFF;
margin:0;
padding:0 0 35px 0;
top:-80px;
}

#illustraction{
margin:50px 0 0 30px;
padding:0;
}

#advertising{
margin:150px 0 0 30px;
padding:0;
}

#template{
margin:0 0 0 -10px;
padding:0;
width:850px;
height:280;

}


.wait{
list-style:none;
display:block;
width:100%;
height:25px;
margin:0;
padding:0;


}


.wait li{
display:inline;
width:300px;
}


.wait a{
display:block;
float:left;
height:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color: #FFF;
line-height:25px;
}

.wait a:hover{
color:#FC0;

}


#web_space{
padding:0;
margin:0 0 150px 0;
}


#slider ul, #slider li{
margin:0;
padding:0;
list-style:none;
}
#slider, #slider li{

width:900px;
height:500px;
overflow:hidden;
}
span#prevBtn{}
span#nextBtn{}



#slider2 ul, #slider2 li{
margin:0;
padding:0;
list-style:none;
}
#slider2, #slider2 li{

width:900px;
height:500px;
overflow:hidden;
}
span#prevBtn{}
span#nextBtn{}




#slider3 ul, #slider3 li{
margin:0;
padding:0;
list-style:none;
}
#slider3, #slider3 li{

width:900px;
height:500px;
overflow:hidden;
}
span#prevBtn{}
span#nextBtn{}


#contact_me{
background:url(Nuova%20cartella/image/contactme.png);
height:150px;
width:700px;
margin:250px 0 0 0;
padding:0;

}

#modulo{
margin:0 0 -400 75px;
}

form#contact{
width:900px;
height:380px;
margin: 0;
padding: 47px 15px 10px 15px;
background-image:url(Nuova%20cartella/image/form.png);
background-repeat:no-repeat;
}

label{
width: 200px;
height: 30px;
font: 12px/30px Arial,sans-serif;
margin-right: 5px;
text-align: right;
color: #666
}

input,textarea,button{
border: 0px solid;
font: 12px Arial,sans-serif;
}


div.input-cont{
width: 200px;
height: 30px;
margin-bottom: 3px
}

input{
display: block;
width: 200px;
height:25px;
background: #FFF;
margin: 12px 0 0 280px
}

div.textarea-cont{
width: 200px;
height: 100px;
padding: 1px;
}

textarea{
width: 280px;
height: 85px;
margin: 33px 0 0 180px;
}

button#go{
width: 220px;
height:25px;
height /**/:30px;
line-height: 25px;
display: inline;
margin:-10px 0 0 550px;
padding: 1px 0 4px;
background: #ffcc00;
font:Arial, Helvetica, sans-serif;
font-weight:bolder;
font-size:16px;
text-transform:uppercase;
color:#333;
cursorointer;
}

[fcaldera]

se devi solo fissare uno sfondo ti basta usare background-attachment: fixed (non supportato nei browser meno recenti)