posizionare div sopra altro

[treska]

Salve a tutti,
ho questo problema,

ho una colonna con un immagine di sfondo, nella quale sopra c'è un immagine, vorrei poter posizionare un altro di sopra.

posto il codice

#container #base02 #int01{
margin:0 0 0 0;
width:280px;
height:500px;
float:left;
background-image:url(img/images/background_03.gif);
background-repeat:repeat-y;
}

#container #base02 #int01 #frigo{
width:280px;
z-index:0;
}

#container #base02 #int01 #boxover {
width:175px;
float:right;
margin-right:10px;
background-color:#666666;
z-index:1;
}

praticamente vorrei che #boxover stesso sopra come se #frigo non esistesse, dentro a #frigo c'è un immagine..

Sono riuscito a risolverlo includendo boxover in frigo e dando a frigo l'immagine come sfondo... solo che funziona solo se #frigo ha anche l'altezza impostata, cosa che non è corretta visto che l'altezza di #boxhover varia a seconda dei contenuti...

Spero di essere stato chiaro
Ciao
Silvio

[garlick]

Innanzitutto affinchè siano uno sopra l'altro basta che annidi i due div in questo modo:

<div id="frigo">
      <div id="boxover">
      </div>
</div>

Poi dato che hai impostato un valore al float di boxover potresti avere il "problema" che frigo non si espanda in altezza per contenere boxover: leggiti questo oppure cerca qui sul forum qualche post sul clearing dei div.

Hai inoltre usato la proprietà z-index, che però funziona solamente se i div sono posizionati, ossia se imposti position:absolute oppure position:relative.

[treska]

Ho risolto
mettendo il frigo come background e lasciandoli un immagine di sfondo... almeno su firefox e safari funziona