Ciao,

se hai risolto tanto meglio, mi permetto comunque di darti un paio di suggerimenti che possono servirti per la prossima volta.

1. L'uso del tag <center> nel body per centrare gli elementi è deprecato quindi meglio eliminarlo ed utilizzare i soli css per ottenere lo stesso risultato.

2. Nel codice che hai postato risulta che il container principale abbia l'id container1 mentre nel css lo definisci come div#container (invece che div#container1) quindi la regola css non funzionerebbe perché nella pagina html non c'è il div container. Questo naturalmente a meno che non si tratti di un errore che ti è scappato nel copiare il codice.

3. Per centrare tutto ciò che si trova all'interno di un contenitore basta dare a quel contenitore il margin:0 auto come giustamente hai fatto tu. Però nel tuo css il footer ha il margin-left: 30px, ritengo fosse questo il motivo per cui il footer ti rimaneva allineato a sinistra. Se vuoi che il footer sia centrato non devi dare margin ma lasciare che si allinei seguendo il contenitore principale.
Se, per un qualche motivo, il footer devi lasciarlo al di fuori di un contenitore principale ma vuoi comunque che sia allineato al centro basta che usi il margin: 0 auto anche per il footer.

In conclusione, non è necessario che elimini il contenitore esterno. Basta che togli il margin al footer e lasci che si allinei seguendo il contenitore padre.

Ciao!