Ciao, ho inserito una immagine come background..in realta questa immagine è solo l'header e non il vero background ma lho fatto per poter sovrapporre altri elementi tipo logo,campo testo e submit..
a questo punto pero vorrei dare il background solo per una prozione di pagina..ovvero quella centrale, ma vien fuori sopra il mio header..
come faccio a farla venire aldisotto dell'header..
questo è il codice:
codice:
body{
	background-image: url('immagini/header.png');
	background-position: center top ;
	background-repeat: no-repeat;
	background-color:#EBEAE7;
	margin:0 auto; 
	padding:0;
	text-align:center;
}

#container{
background-color: #EBEAE7;
	height:100%;
	width: 760px;
   	margin: 0 auto;
   	text-align: left;
   	padding: 0;
}
#header{
		margin-left:0 auto;
		width:760px;
		height:123px;
	}
#logo{
margin-left:20px;
margin-top:6px;
float:left;
width: 301px;
height: 83px;
	}
input.mytext{
	background-color: #F9EB98;
	width:316px;
	font-size: 12px;
	}
		* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none") && (this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "immagini/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}
</style>