• User

    Footer in e colonne con div

    Salve,
    scusate come faccio ad ottenere un footer formato da 6 colonne, centrato e con colonne equispaziate, attraverso dei div? Nel footer ci possono essere colonne composte sia da immagini che da testo e dovrebbero adattarsi ai vari browser ed alle varie risoluzioni (almeno quelle desktop, visto che per il mobile ho implementato un layout a parte).

    Pensavo ad una cosa del genere:

    #contenitore{width:100%; position:relative}

    Che ne dite?

    Grazie a tutti voi 😉


  • User

    Se usi Bootstrap fai prima, usi la griglia e dividi comodamente il footer senza avere problemi, invece nel tuo caso devi lavorare con i media query e devi fare attenzione al padding o margin che ti mangia un pò di spazio


  • Moderatore

    Ciao Alexander,
    nel tuo esempio i padding si aggiungono alla larghezza delle colonne e ti fanno sforare il 100%.

    Dovresti utilizzare le percentuali anche per i padding ed ovviamente sottrarle ai vari width.


  • Moderatore

    @giapox said:

    Ciao Alexander,
    nel tuo esempio i padding si aggiungono alla larghezza delle colonne e ti fanno sforare il 100%.

    Dovresti utilizzare le percentuali anche per i padding ed ovviamente sottrarle ai vari width.

    Per ovviare al problema basta indicare la proprietà CSS: **box-sizing: border-box; **che include bordi e padding alla larghezza/altezza totale definita.

    Come dice Silvy Web fai prima ad utilizzare bootstrap e suddividerti le colonne come meglio credi. Dicci pure se hai bisogno di ulteriori informazioni riguardante layout a colonne bootstrap.

    ****PS. per il padding scrivi la sintassi abbreviata: padding: 0 2px;