menu horizontal centrado en div

[seterek]

hola,
cómo puedo hacer para que un menú horizontal hecho con listas y con float:left quede centrado horizontalmente en una div? me obliga el float left a que quede alineado a la izquierda? he estado buscando por ahí pero no veo nada,
muchas gracias

[bhagat]

intenta usando
margin:auto;
suele funcionar

de todos modos si envias el CSS completo y mejor aun la página web, es mas facil poder indicarte posibles soluciones.

[seterek]

margin: 0 auto no funciona porque el float left creo que no deja, he probado con padding y margin y funciona pero si cambias a 800x600 pues ya no sirve, claro.

[Fix3r]

Yo lo hago con una etiqueta de <center> antes del div y después de el /div. A ti te sirve?

[AlZuwaga]

margin: 0 auto; debería funcionar sólo si tu ul tiene un ancho establecido. Al ser un elemento en bloque, este va a ocupar todo el ancho disponible para él y el centrado no se va a notar. Seguro exista otra solución, pero la desconozco.

[Mikmoro]

Ese menú con listas seguramente estará en un contenedor. Entonces, a ese contenedor añádele text-align: center, y luego a las listas, display: inline. Se te centrarán dentro del contenedor, que seguramente él mismo ya estaría centrado con margin 0 auto como te han dicho.

Mikel.

[AlZuwaga]

Efectivamente, la clave está en display:inline en vez de floats.
Estaba justo probándolo:

Código:

ul {
list-style-type: none;
margin: 0 auto;
padding: 0;
text-align: center;
background-color: #006600;
}

div {
background-color: #000000;
padding: 10px;
}

li {
display: inline;
background-color: #FF9900;
padding: 5px;
margin: 1px;
}


<div>
<ul>
<li>elemento 1</li>
<li>elemento 2</li>
<li>elemento 3</li>
</ul>
</div>

[seterek]

joer, perfecto!! muchas gracias! la verdad es que me estaba empecinando con el float left, era algo "como que no lo podía quitar, que tenía que ir por narices", ya ves tú... en fin, que muchas gracias de nuevo!