background sotto il background

**produ** · 10-01-2008, 23:21

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>

**produ** · 10-01-2008, 23:22

dimenticavo l'xhtml

codice:

<BODY STYLE="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<div id="container">
<div id="logo">
	[img]immagini/logo.png[/img]
</div>
<form method="get" action="home2.php" name="myform" id="myform" onsubmit="return controlla();" >
	<input type="text" name="mytext" class="mytext" id="mytext"  onkeyup="ajax_showOptions(this,'getCountriesByLetters',event)" />
	<input type="submit"  name="mysubmit" class="mysubmit" value="ricerca">


	</form>
</div>

Discussione: background sotto il background

Strumenti discussione

Ricerca discussione

Visualizza

background sotto il background

Permessi di invio