Divisione footer

[sirmsym80]

Ciao a tutti,
ho appena iniziato a studiare il CSS ed ho un problema che non riesco a risolvere.
Ho una pagina con un footer in fondo, questo footer vorrei dividerlo in 3 colonne ma non ci riesco.

L'HTML:

<div id="footer">    
    <div class="colonna">
        <h1>Seguici</h1>
        <ul id="sociale">
            <li>
                <a href="www.facebook.com"></a>
            </li>
            <li>
                <a href="www.plus.google.com"></a>
            </li>
            <li>
                <a href="www.youtube.com"></a>
            </li>
            <li>
                <a href="www.twitter.com"></a>
            </li>                            
        </ul>                        
    </div>    
    
    <div class="colonna">
        <h1>Contatti</h1>
        <ul>
            <li>
                <span>Telefono:</span> 00 0000000
            </li>
            <li>
                <span>Email:</span> ciao@csdflf.com
            </li>    
            <li>
                <span>Skype:</span> ciao.
            </li>                                
        </ul>
    </div>    
    
    <div class="colonna">
        <h1>Copyright</h1>
        <p>
            Li Europan lingues es membres del sam familie. 
            Lor separat existentie es un myth. Por scientie, musica, sport etc, litot 
            Europa usa li sam vocabular.
        </p>
    </div>                    
</div>

Il CSS:

#footer {
    background: #000000;
    color: #FFFFFF;
    height: 200px;
    width: 1000px;
}


.colonna {
    float: left;
    width: 333px;
    margin: 0px;
}


#sociale {
    float: left;
    width: 200px;
}

Non viene come vorrei..
Dovrebbe essere un footer diviso in 3 colonne:
La prima contiene una mini-tabella (2x2) di immagini (che devo aggiungere) con link ai vari social network.
La seconda una lista di contatti.
La terza un titolo e del testo sotto.

Sicuramente avrò usato male qualcosa perchè sinceramente non mi è ancora tutto chiaro..

Grazie in anticipo!

PS: non ho usato il tag "html" per il codice perchè me lo sballava tutto..

[carlomarangoni]

....Non viene come vorrei...

Non so come lo vorresti ma a me provando il tuo codice viene le tre colonne. Certo manca di qualche finezza come il clearing ma le tre colonne ci sono

[sirmsym80]

Non so come lo vorresti ma a me provando il tuo codice viene le tre colonne. Certo manca di qualche finezza come il clearing ma le tre colonne ci sono

E' vero adesso va, non so perchè prima non andava, si vede che c'era altro di sbagliato.. Grazie!