posizionare una immagine rispetto al div

[Buzzz]

sapete dirmi come posso posiziona una immagine rispetto al div, e non rispetto alla pagina?

io utilizzo ad esmepio #nomediv img{position:absolute; right:0;}

però mi sposta l'immagine a 5 px di distanza dal margine destor della PAGINA, invece io vorrei metterla a 5 pixel dispetto al DIV..

grazie a tutti!!

[codencode]

Al div che contiene l'immagine devi assegnare un position diverso da fixed (absolute o relative)

[Buzzz]

il div che lo contiene non ha position.. è un semplice div..

ho risolto comunque mettendo float:right;

ma c'è un problema con explorer (guarda caso -.-'')..

in pratica su firefox safari opera e chrome mi allinea il testo (che ho a sinistra) con l'immagine (che ho a destra, mentre su explorer mi mette a sinistra il testo, giustamente, ma poi l'immagine me la posiziona nella riga sotto a destra, cioè mi crea due righe, invec eio vorrei testo e immagine sulla stessa riga, come accada con gli altri 4 browser..

come posso risolvere?

[codencode]

Quello che intendevo io era assegnare comunque un position al div, diverso da fixed. Non dicevo che il div che hai messo tu ha position fixed!

[Agron92]

Se al div hai associato un position:relative l'immagine all'interno per muoversi dovrai utilizzare il padding o il margin a seconda dei casi.

Esempio pratico:

.blocco {
position: relative;
width: 200px;
height: 200px;
}

.blocco img {
padding: Xpx Xpx Xpx Xpx;
}

[codencode]

Originariamente inviato da Agron92
Se al div hai associato un position:relative l'immagine all'interno per muoversi dovrai utilizzare il padding o il margin a seconda dei casi.

Esempio pratico:

.blocco {
position: relative;
width: 200px;
height: 200px;
}

.blocco img {
padding: Xpx Xpx Xpx Xpx;
}

Se il div che contiene l'immagine ha position:relative, allora è possibile posizionare l'immagine al suo interno in maniera assoluta (position:absolute) rispetto al div stesso.

[Buzzz]

niente da fare
explorer mi fa imprecare.. ogni volta.. sempre.. ogni volta deve spaccare l'anima..

ho provato a mettere al blocco position relative e all'immagine float:right e al testo float:left ma niente.. mettendo position absolute all'immagine questa si affinaca al testo invece che al bordo destro.. boh non so più cosa provare..

altri suggeirmenti?

[Myaku]

Originariamente inviato da Buzzz
altri suggeirmenti?

magari, postare il tuo codice (html - inclusa dtd - e css), o il link alla pagina.
ho come l'impressione - ma potrei anche sbagliarmi - che ci sia un po' di confusione su come funzionino i posizionamenti in relazione al normale flusso del documento.

[Buzzz]

CSS:

#opt_cnt_more{
position:relative;
width:100%;
height:30px;
background:#990000;
}
#opt_cnt_more img{
float:right;
margin:0px 0px;
}

HTML:

<div id="opt_cnt_more">
  <prova>more</prova>[img]img/icon/calendar.png[/img]        
</div>

comunque la confusione nei posizionamenti c'è sempre stata

[Myaku]

scusami, ma per usare un tag <prova> che dtd (doctype) stai applicando, e come deve relazionarsi l'immagine con il testo?