Immagine che non riesco a mettere sotto!

[giavara]

Ciao ragazzi!
DI solito dopo svariati tentativi trovo la soluzione (o l'errore ) ma questa volta mi servirebbe un aiuto.

Allora c'è un header con il suo sfondo sfumato, sotto deve comparire una png per metà (e metà resta sotto l'header).
/****html****/

<div id="header">
	<h1 id="logo">Nome sito</h1>
	[img]#[/img]		
</div>

/****CSS****/

#header {
height: 80px;
background: transparent url(style/images/header-bg.jpg) repeat-x scroll;
border: 5px solid #deae1a; /*8c691f*/
position: relative;
z-index: 2;
}
#header img {
position:absolute;
top:50px;
z-index:1;
}

Niente l'img mi resta sempre sopra.
Ho provato anche a creare uno <span> vuoto, mettendo l'immagine come background ma niente lo stesso...

Consigli??

Ciao grazie!
Andrea

[miki003]

Originariamente inviato da giavara
Ciao ragazzi!
DI solito dopo svariati tentativi trovo la soluzione (o l'errore ) ma questa volta mi servirebbe un aiuto.

Allora c'è un header con il suo sfondo sfumato, sotto deve comparire una png per metà (e metà resta sotto l'header).
/****html****/

<div id="header">
	<h1 id="logo">Nome sito</h1>
	[img]#[/img]		
</div>

/****CSS****/

#header {
height: 80px;
background: transparent url(style/images/header-bg.jpg) repeat-x scroll;
border: 5px solid #deae1a; /*8c691f*/
position: relative;
z-index: 2;
}
#header img {
position:absolute;
top:50px;
z-index:1;
}

Niente l'img mi resta sempre sopra.
Ho provato anche a creare uno <span> vuoto, mettendo l'immagine come background ma niente lo stesso...

Consigli??

Ciao grazie!
Andrea

L'immagine la devi mettere fuori dal div header, se la metti dentro non potrà mai andarci sotto

[giavara]

Originariamente inviato da miki003
L'immagine la devi mettere fuori dal div header, se la metti dentro non potrà mai andarci sotto

Thank you miki!

Non sapevo questa cosa!

Ho messo il position: relative sul #logo e tutto è funzionato!

Grazie ancora!
Ciao alla prossima!