Footer con div a 6 colonne

[Alexander]

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}

#contenitore .box1{float:left; width:20%; margin:0px; border:0px solid black; padding-left:2px; padding-right:2px}

#contenitore .box2{float:left; width:30%; margin:0px; border:0px solid black; padding-left:2px; padding-right:2px}

#contenitore .box3{float:left; width:20%; margin:0px; border:0px solid black; padding-left:2px; padding-right:2px}

#contenitore .box4{float:left; width:10%; margin:0px; border:0px solid black; padding-left:2px; padding-right:2px}

#contenitore .box5{float:left; width:10%; margin:0px; border:0px solid black; padding-left:2px; padding-right:2px}

#contenitore .box6{float:left; width:10%; margin:0px; border:0px solid black; padding-left:2px; padding-right:2px}

Che ne dite?

Grazie a tutti voi

[m4rko80]

Ciao, dovrebbe funzionare. Puoi vedere un po' come lavor bootstrap per esempio con le classi disponibili per le colonne.
Se devi adattare anche le immagini ovviamente anche queste dovranno avere dimensioni fluide per non far deformare i contenitori.
In alternativa al posto del float potrei usare il display-inline-block

[Mich_]

L'equispaziatura si ottiene di solito definendo i margini automatici.

Quindi:

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

#contenitore * {
  float: left;
  border:0px solid black;
  margin 0 auto;
}
#contenitore div:first-child {
  margin-left: 0;
}
#contenitore div:last-child {
  margin-right: 0;
}
... definire le varie larghezze ...