posizionare div assoluto a destra

[piesse78]

ciao ragazzi,

vi è mai capitato di posizionare un div

position: absolute;
width: 220px;
height: 458px;
top: 0;
right: 0;

in questo modo? ovvero tutto a destra.

il problema si pone quando a sinistra di questo c'è, ad es., una immagine o un altro blocco; ridimensionando la finestra appare la barra di scorrimento orizzontale ma il div posizionato a destra invece di "sparire" segue il lato destro della finestra del browser.

se volete dare un'occhiata QUI

[zoom]

:master:
se io lo metto in posizione 0 da destra sarà sempre a 0 a qualsiasi dimensione del browser...
non uscirà mai dallo schermo.

[piesse78]

hai visto la pagina che ho postato?

secondo me non dovrebbe succedere.

Se imposto il margine destro a 0, ridimensiono la pagina, appare la barra di scorrimento, scorro a destra col mouse. risultato? il box rosso non è più a destra.

(vedi allegato)

[zoom]

perchè?
absolute non è fixed... :master:

anche in verticale è così....
se io metto in posizione 0,0 un div e poi scrollo, il div si muove, mica rimane fermo nella posizione 0,0.

absolute indica che sta in quella posizione rispetto alla pagina sempre, ma se scrollo la pagina si muove e quindi si muove anche il div...

per tenerlo fermo penso dovresti usare fixed :master:

[piesse78]

non ci capiamo.

non voglio che rimanga fermo, tutto il contrario. ma non è questo il problema.

Se ho messo right: 0;

mi spieghi perchè c'e' quel margine a destra del box rosso?

[zoom]

perchè tu carichi la pagina con un browser più piccolo del box verde.
quindi si crea la barra di scrorrimento.
il box rosso si piazza a destra.
quando scorri la barra giustamente il box rosso sta fermo (nella sua posizione in pagina) e quindi scorre assieme al resto della pagina...


è giusto così

se tu voi farlo stare fermo rispetto alla finestra devi usare fixed

[piesse78]

ok.

io voglio che il box rosso scorra con il resto della pagina (quindi non posso usare fixed).

pero' voglio che sia allineato a destra, non rispetto al limite della finestra del browser ma rispetto alla larghezza della pagina. come posso fare?