Footer in e colonne con div

[alexander 1]

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

[silvy.web]

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

[Giapox]

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.

[miwebdesign]

@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;