Immagine esterna ad un DIV

[AltF4]

Ciao, dovrei inserire un'immagine all'esterno di un div (tipo titolo), ma nelle 2 modalità che ho provato, proprio non riesco..

La prima modalità è stata quella di inserire l'immagine all'interno del div, in questo modo:

  <div class="pagina">
  [img]immagine.png[/img] 
  </div>

e questo è il CSS collegato all'immagine:

 position: relative;
 top: -50px;
 left: -40px;

In questo caso il posizionamento è corretto, l'immagine si vede senza problemi, ma nel DIV ci sono 20px (equivalenti all'altezza dell'immagine) di spazio vuoto.

La seconda modalità, invece, è quella di utilizzare la stessa immagine come sfondo, in questo modo:

  <div class="pagina">
  </div>

e questo è la classe pagina:

 width: 940px; 
 height: 320px; 
 position: relative;
 top: 50%;
 left: 50%;
 margin-top: -160px;
 margin-left: -470px;
 background-color: #FFFFFF;
 background-image:url(immagine.png);
 background-repeat:no-repeat;
 background-position:-50px -40px;

In questo caso l'immagine non viene proprio visualizzata!

[marco_c]

sbagli qualcosa: al div pagina devi dare position:relative, mentre alla immagine devi dare position:absolute

[AltF4]

Grande!!! Funziona!!!

Grazie!!!