Espacio vacío al final de la lista UL

http://www.sikni8.com/nas/testfooter.htm

Todavía no lo formateé para estar en línea, pero lo que no entiendo es cuál es la lista de UL que ocupa el espacio vacío al final. ¿Cómo lo soluciono para poder centrar el LI en el encabezado C etiquetado DIV?

¡Gracias por la ayuda!

preguntado el 27 de agosto de 11 a las 20:08

¿Qué espacio vacío? Ul es el ancho completo de headerC. -

pero quiero que b centre en el medio del encabezadoC -

¿Te refieres a como demostró gargantaun en su respuesta hace más de 20 minutos? -

sí, pero creo que salió, pero no estoy seguro de lo que hizo ... lo quiero como su imagen :) -

2 Respuestas

estás flotando el li a la izquierda, por lo que nunca podrás centrarlos. Prueba esto

li { display: inline-block; }

Que te da esto

enter image description here

Sin embargo, debe tener en cuenta que el bloque en línea tiene un soporte de navegador bastante deficiente, por lo que siempre debe definirse así

li
{
    /* for older versions of FF */
    display: -moz-inline-stack;

    /* for modern broswers */
    display:inline-block;

    /* for IE */
    zoom: 1;
    *display: inline;

}

Respondido 28 ago 11, 01:08

entonces necesitas editar tu pregunta y explicar mejor el problema, porque lo acabo de intentar y funciona. Lo que preguntaste fue "¿Cómo lo soluciono para poder centrar el LI en el encabezado C etiquetado DIV?" - gigantesco

¡¡¡Oye, tienes que FUNCIONAR !!! eso es exactamente lo que estoy tratando de hacer ... pero ¿cómo es que usé el código y FF no hizo los cambios por mí? MUCHAS GRACIAS - Si8

asegúrese de definir 'inline-block' como demostré en la segunda parte de la respuesta. - gigantesco

¿No sería posible enviarme el archivo HTML ... para que pueda verlo yo mismo? Gracias ... sé que debo agregarlo a mi CSS, ¿qué debo eliminar? no importa lo tengo !!! :) GRACIAS ... agregué y eliminé el flotador IZQUIERDO ... - Si8

Además ... cuando cargo el sitio en mi teléfono Android, el resaltado gris está fuera de lugar ... después de poner mi dedo en otro enlace, vuelve a su lugar ... ¿Alguien sabe cómo solucionarlo? gracias - Si8

Te doy cuatro lis el estilo width: 25%; si desea que tengan un espaciado uniforme, pero tome todo el ul.

Respondido 28 ago 11, 01:08

no lo que me gustaría hacer es deshacerme del espacio vacío para poder centrar el UL ... quiero que se centre entre los dos bordes negros en cada lado ... ¿está claro o estoy confundiendo a las personas más? ? - Si8

@ Sikni8 lo entiendo. Si quita el ancho de bgv y headerCy luego agregue el estilo display: inline-block; a ambos de esos elementos y a su ul debe obtener lo que desea, pero deberá cambiar la forma en que hace esa imagen de fondo para que se vea bien. Solo salgo por la puerta, así que tal vez alguien más pueda ayudarte con eso. - Paul

Además ... cuando cargo el sitio en mi teléfono Android, el resaltado gris está fuera de lugar ... después de poner mi dedo en otro enlace, vuelve a su lugar ... ¿Alguien sabe cómo solucionarlo? gracias - Si8

PaulPRO hice un método diferente que también funcionó, ¡pero gracias! - Si8

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.