Hola!
Me gustaría saber cómo podría crear un div con un menú (formado con una lista en horizontal) que estuviera formado por un número de items dinámicos (que puedan variar). El margin y el padding de cada <li> tendría que variar para que todos juntos llegaran al 100% del width del div principal. Eso si, sin ponerles un tamaño fijo a cada item.
Actúalmente tengo este código, pero todo los items salen juntos, y me gustaría que su distancia variara dependiendo del número de items para ocupar todo la anchura del div.
Código:
#menu{
clear:right;
float:left;
height:46px;
width:100%;
background-image:url('../images/menu.jpg');
text-align:center;
margin:0 auto;
/* background-repeat:repeat-x; */
}
#menu ul{
/*margin: 0 auto;
padding: 10px 0 0 0;*/
}
#menu div.moduletable_menu li{
font-family: georgia, serif;
font-size: 9pt;
color: white;
font-weight:bold;
list-style-type: none;
float: left;
text-align:center;
padding-right:10px;
width:auto;
border:3px solid;
}
#current{
border-left:0px;
}
#menu div.moduletable_menu a{
text-decoration:none;
color:white;
}
Muchas Gracias