allineamento bottoni all'interno di un div

[francovacchiano]

Ho bisogno di creare un div con una barra laterale (con image) a destra di 20px, e posizionare due bottoni in top e bottom della barra.
Ho provato, ma il risultato è scadentissimo.
Ho creato un secondo div all'interno del div padre, ma non riesco a gestire le posizioni dei bottoni.

[Mich_]

Adesso prova a rileggere quanto hai scritto, e mettiti nei panni di chi non sa nulla del tuo lavoro e vorrebbe capire.

Una richiesta di quel tipo necessita:
1. di uno schema (grafico o con ASCII-art)
2. del codice utilizzato (HTML+CSS) per il tuo "risultato scadentissimo"

PS: Quando posti ASCII-art o codice usa il bottone # sopra il form di inserimento, altrimenti non si capisce

[francovacchiano]

Chiedo scusa. A volte si pensa di avere a che fare con se stessi.
Ho allegato una gif, per rendere l'idea. Spero di esserci riuscito.

[mucu]

più che css a te serve del javascript
se ho capito bene vuoi sostituire la normale scrollbar
di un div tipo:

div {
   height: 120px;
   overflow: auto
}

[Mich_]

Non hai postato il codice HTML da te sviluppato.
E non e` possibile inventare un CSS che non faccia riferimento ad un HTML.

In particolare serve sapere:
1. se il blocco arancio e` dentro quello azzurro o se e` affiancato
2. quanto e` l'altezza del blocco, cioe` se e` sempre piu` bassa della finestra o se puo` aumentare; inoltre se e` una misura fissa/definita o non e` possibile definirla
3. se il tutto e` inserito in un altro blocco e in tal caso come e` posizionato blocco contenitore (serve per sapere se si possono/devono usare i float o e` necessario/conveniente usare i posizionamenti)

[francovacchiano]

Si, in realtà voglio simulare la scrollbar del div, o in alternativa poterla gestire tramite javascript o jquery.

[Mich_]

Allora i problemi sono due distinti:
1. il posizionamento dei vari elementi
2. il comportamento della pagina in funzione degli eventi che accadono
Nota che le due cose possono essere risolte in modo disgiunto, e questo semplifica il lavoro.

Per il punto 1, ti servono i CSS: i due "bottoni" vanno posizionati in modo assoluto. Il posizionamento assoluto non e` semplice e se non e` realizzato bene rischia di portare a sovrapposizioni di oggetti.
Ecco due link che possono aiutarti a capire:
I posizionamenti assoluti
Capire i posizionamenti relativi
Inoltre dovrai usare l'attributo overflow

Per il punto 2, i CSS hanno poche capacita` di reagire ad eventi (in pratica esiste solo la pseudoclasse :hover, corrispondente al mouseover/mouseout), per cui avrai bisogno di fare qualcosa con JS. Tieni pero` presente che tali JS sono intrusivi, cioe` portano a un mancato funzionamento della pagina in caso di JS disabilitato: per quanto siano pochi i navigatori che disabilitano JS, ce ne sono (e sono le persone piu` deboli, che non vanno mai emarginate); inoltre i sistemi automatici di indicizzazione non usano JS, e quindi indicizzano male le pagine che hanno tali JS. In pratica se usi JS di quel tipo, deve esserci sempre una struttura alternativa che permetta la fruizione completa della pagina anche in caso di JS disabilitato.