Centrare un div dentro un altro div

ottaviane

Centrare un div dentro un altro div

Sono Ottavia,
ho cominciato da poco con i CSS e vorrei approfondire ponendo il mio primo dilemma:
ho un DIV A che contiene un DIV B, vorrei che il DIV B (figlio) prenda le dimensioni rispettando e NON modificando quelle del padre, si posizioni al centro del padre e abbia un margine di 10px( quindi le dimensioni del figlio siano minori rispetto al padre). Inoltre vorrei che tutto ciò che metto all'interno del DIV B (figlio) non modifichi le dimensioni di B e ciò che va oltre(overflow) possa essere gestito con lo scroll...
Come si fa?:D forse chiedo troppo?
Grazie per l'attenzione e saluti a tutti.

giorgiotave

Ciao Ottavia e benvenuta sul forum gt

Ti sposto nella sezione CSS sperando che qualcuno risponda

ottaviane

Grazie.

ottaviane

Ho risolto:
Basta dare allo stile del DIV padre un padding di n pixel e al figlio dare:
Position: relative
Height: 100%
Widht: 100%
Overflow: scroll

Grazie a tutti.

Ps: vorrei modificare il titolo di questa discussione, come faccio? Vorrei modificarla in: centrare un div dentro un altro div.

giorgiotave

Fatto! Grazie molte per aver messo la soluzione!

flaviors200

Ciao Ottavia,

per centrare un div dentro un altro div puoi semplicemente impostare il padding del div figlio a un valore uguale a "0 auto". La larghezza del div dovrà essere minore di quella del padre.


#figlio {
    padding:0 auto;
}

Per il discorso scrolling "position:relative" non è necessario, è sufficiente dare un'altezza massima e l'overflow uguale a "auto"

 {
    max-height: 200px;
    overflow:auto;
}

Link al codice https://pastebin.com/F6WxE4Rf se dovesse servire a qualcun'altro