El problema es el menú será dinámico por lo que en ocasiones pueden aparecer 6 elementos en el menú pero otras veces pueden aparecer 8, 10, 5...
Con JS se puede lo que quería saber es si se puede hacer únicamente con CSS. Gracias! 2010/4/15 Carlos Acero Sánchez <[email protected]> > > Prueba a dividir el número de elementos li entre 100 y se le aplicas: > > 100/6 = 16.6 > > #navbar ul li > { > float:left; > font-size:1.2em; > color:#00FF00; > padding:0 5px 0 10px; > border-right:1px solid #000; > text-align:right; > width:16.6% > } > > > Carlos Acero Sánchez > Dpto. Sistemas > Aguirre Newman Madrid > > C/ General Lacy, 23. 28045 Madrid > T +31 91 319 13 14 F +34 91 319 87 57 > [email protected] > www.aguirrenewman.com > Sé ecológico, antes de imprimir este e-mail piense bien si es necesario > hacerlo > > > > -----Mensaje original----- > De: [email protected] [mailto: > [email protected]] En nombre de Rafa Artacho > Enviado el: jueves, 15 de abril de 2010 17:27 > Para: Ovillo, la lista de CSS en castellano > Asunto: [Correo sospechoso] Re: [Ovillo] Ajustar lista al ancho del > contenedor > > He probado así: > > #navbar{color:#FF0000;width:974px;} > #navbar ul{width:100%;} > #navbar ul li{float:left;font-size:1.2em;color:#00FF00;padding:0 5px 0 > 10px;border-right:1px solid #000;text-align:right;} > > De este modo el ul queda extendido hasta el 100% del div #navbar, pero los > li no se ajustan al 100% del ul. Si pongo 100% al li ocupa cada li el 100% > del div #navbar. ¿Dónde sería el error? > > El style lo puse para ver visualmente hasta dónde se extendía el > contenedor, > cuando termine las pruebas lo quitaría. > > Gracias! > > > 2010/4/15 Luis Mario Álvarez <[email protected]> > > > Si el contenedor padre tiene definido su ancho, basta con hacer width: > > 100%;al tag que necesitas lo llene. > > Te recomendaría además que quites esos estilos de tu ul y los metas en > > algúna hoja css. No es necesario que le asignes clase o id, basta con > > #navbar > > ul {overflow:hidden ;border:1px solid #000;} > > > > Saludos! > > > > 2010/4/15 Rafa Artacho <[email protected]> > > > > > Buenas tardes: > > > > > > Tengo un menú que será dinámico y que dependiendo de las necesidades > > > contendrá un número variable de elementos. Necesitaría que la lista se > > > adaptase al ancho del div contenedor (974px). El HTML del menú con 6 > > > opciones: > > > > > > <div id="navbar"> > > > <ul style="overflow:hidden;border:1px solid #000;"> > > > <li>Inicio</li> > > > <li>Películas</li> > > > <li>Música</li> > > > <li>Teatro</li> > > > <li>Exposiciones</li> > > > <li>Coches</li> > > > </ul> > > > </div> > > > > > > > > > ¿Sería posible hacer esto solamente con CSS o sería necesario usar JS? > > > _______________________________________________ > > > Lista de distribución Ovillo > > > Para escribir a la lista, envia un correo a [email protected] > > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > > > > > > > > > -- > > mario álvarez > > desarrollador web > > _______________________________________________ > > Lista de distribución Ovillo > > Para escribir a la lista, envia un correo a [email protected] > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > _______________________________________________ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a [email protected] > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > > En cumplimiento de la Ley 15/1999, de 13 de diciembre, de Protección de > Datos de Carácter Personal, le informamos que los datos de carácter personal > utilizados para la presente comunicación proceden de un fichero de datos de > carácter personal titularidad de Aguirre Newman, S.A., debidamente > notificado ante la Agencia Española de Protección de Datos, cuya finalidad > es la gestión (control, mantenimiento y archivo de la documentación) de la > relación que mantiene con el GRUPO AGUIRRE NEWMAN y la comunicación con > terceros. Dichos datos, por consiguiente, han sido incorporados o serán > incorporados en dicho fichero para los usos y finalidades indicadas, > pudiendo ser objeto de comunicación a las Compañías que integran el GRUPO > AGUIRRE NEWMAN, cuya identidad podrá consultar en el aviso legal de la > página web corporativa www.aguirrenewman.es, cuando sea necesario y/o > pertinente para el cumplimiento de las finalidades señaladas. > Si Ud. no consintiese la utilización del correo electrónico para enviarle > comunicaciones electrónicas, la comunicación de sus datos de contacto al > resto de empresas del GRUPO AGUIRRE NEWMAN o deseara revocar su > consentimiento al tratamiento de sus datos, podrá hacerlo mediante un correo > electrónico dirigido a [email protected]. Asimismo, si Ud. > desea ejercitar sus derechos de acceso, rectificación, cancelación y > oposición podrá hacerlo dirigiéndose por escrito al Departamento de Asesoría > Jurídica de Aguirre Newman, S.A., calle General Lacy número 23, C.P. 28045 > Madrid, remitiendo, junto con la solicitud, una fotocopia de un documento > oficial de identificación (DNI, Pasaporte, etc). > > ____________________________________________________________________________ > > According to Spanish Data Protection Law 15/1999, we hereby inform that the > personal data used in this communication come from an automated data filed > owned by Aguirre Newman, S.A., which has been duly notified to the Spanish > Data Protection Agency, and whose purpose is managing (control, maintenance > and archiving) the relationship you hold with GRUPO AGUIRRE NEWMAN and its > communication with third parties. Such personal data has been included > within the referred data file for the uses and purposes above-mentioned and > may be transferred to other companies of the AGUIRRE NEWMAN Group, when > necessary for the compliance of the purposes above-mentioned. The companies > that form the AGUIRRE NEWMAN GROUP are listed in the legal notice of the > corporate web site www.aguirrenewman.es. > If you do not consent the use of you e-mail for sending electronic > communications, or transferring your personal data to the companies of the > AGUIRRE NEWMAN Group, or you want to revoke your consent, please send an > e-mail to [email protected]. In addition, if you want to > exercise your rights of access, rectification, cancellation and/or > opposition, please send a written request to the Legal Department of Aguirre > Newman, S.A. c/ General Lacy Nº 23, PO. BOX 28045 Madrid, attaching a > photocopy of an official identification document (DNI, Passport, etc). > > > _______________________________________________ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a [email protected] > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [email protected] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
