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
