Consigli footer

[alfreds91]

salve

Qualcuno mi può aiutare a capire come si ottiene un footer simile a questo?

Io ho provato creando un div footer con dentro un <ul> footermenu con list-style: none; e i suoi elementi <li> dichiarati
display: block e float: left ; il risultato è che si affiancano l'uno all'altro ma l'intero menu non è centrato all'interno del div contenitore ma appare spostato sul margine sinistro del div mentre io lo vorrei appunto distribuito su tutto il footer.

[cronenborg]

Qui ho messo un esempio che può aiutarti:
http://jsfiddle.net/5qPwG/

[alfreds91]

Questo è il codice

HTML:

			<div id="footer">
				<ul id="footermenu">
					<li><a href="#" >VIA</a></li>
					<li><a href="#" >TELEFONO</a></li>
					<li><a href="#" >CONTATTI</a></li>
					<li><a href="#" >COPYRIGHT</a></li>							
				</ul>
			</div>

CSS:

#footer {
  height: 120px;
  background-color: #2d3e50;
  text-align: center; }
  #footer #footermenu {
    margin: 0 auto;
    height: 120px;
    overflow: auto;
    line-height: 120px;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    color: #ecf0f1;
    list-style: none; }
    #footer #footermenu li {
      display: block;
      float: left;
      margin: 0 5px;
      border-right: 2px dotted #ecf0f1; }