centrar lista dentro de una capa con un tamaño fijo

Dundee · #1 (**permalink**) 09/04/2012, 12:59

Buenas, llevo tiempo trabajando con CSS pero esta es la primera vez que me sucede esto (o si me ha sucedido antes no lo recuerdo (:: ).

Tengo una lista desordenada (ul) dentro de una capa que mide 945px y necesito centrar la lista en la capa , pero el problema es que como tengo los items (li) de la lista flotados a la izquierda,solo consigo centrarlo todo si les quito el float:left , pero entonces el problema es que los elementos de la lista se apilan unos encima de otros, y necesito que esten en fila (por eso no puedo quitar el float left). ¿Saben como solucionar esto para poder tener la lista centrada respecto a la capa y al mismo tiempo los items de la lista flotados a la izquierda?.

Mil gracias.

cristian_cena · #2 (**permalink**) 09/04/2012, 13:14

probá con:

Código CSS:

Ver originalul{
overflow:hidden;
display:inline-block;
/*... tus estilos ...*/
}

Dundee · #3 (**permalink**) 09/04/2012, 14:55

Cita:

Iniciado por cristian_cena

probá con:

Código CSS:

Ver originalul{
overflow:hidden;
display:inline-block;
/*... tus estilos ...*/
}

Efectivamente compañero, era eso, en vez de utilizar el float:left para los elementos de la lista , lo hago como tu dices "display:inline-block"y ya puedo quitar el float; luego centro todo el contenido (la lista entera) de a capa que contiene la lista, y funciona.

Mil gracias