Dividere il footer di questo layout in 3 colonne. come fare?

[vintage74]

Prendiamo questo layout

il cui codice css è:

<style type="text/css">
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center}
p{margin:0 10px 10px}
a{display:block;color: #981793;padding:10px}
div#header h1{height:80px;line-height:80px;margin:0;
padding-left:10px;background: #EEE;color: #79B30B}
div#container{text-align:left}
div#content p{line-height:1.4}
div#navigation{background:#B9CAFF}
div#extra{background:#FF8539}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}

div#container{width:700px;margin:0 auto}
div#content{float:left;width:500px}
div#navigation{float:right;width:200px}
div#extra{float:right;clear:right;width:200px}
div#footer{clear:both;width:100%}
</style>

Come faccio a dividere il footer in 3 colonne uguali?

[ricman]

Originariamente inviato da vintage74
Come faccio a dividere il footer in 3 colonne uguali?

Beh... il modo più velce è utilizzare 3 div affiancati (float:left)

[vintage74]

ok