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
