Reynier Perez Mira escribió:
> Tengo un DIV que es una barra de navegación superior y dentro de el tengo un
> UL con varios LI, cada uno de estos LI tiene su clase especifica. El CSS para
> el DIV es el que sigue:
>
> #pathway {
> line-height: 25px;
> background: url(../images/toolbar.png) repeat-x;
> padding-left: 1em;
> padding-right: 1em;
> }
>
> Y el CSS para el UL y los LI es este que sigue:
> ul#mainlevel-ultop {
> list-style-type: none;
> margin: 0;
> padding: 0;
> }
>
> ul#mainlevel-ultop .level0-ultop_inicio, .level0-ultop_noticias,
> .level0-ultop_contactar, .level0-ultop_enlaces {
> float: left;
> width: auto;
> padding: 0px 3px 0px 3px;
> }
>
> ul#mainlevel-ultop .level0-ultop_mapadelsitio {
> float: left;
> width: 90px;
> padding: 0px 3px 0px 3px;
> }
> Pues bien se me ven los enlaces de los LI correctamente pero el DIV que los
> contiene desaparece, he intentado de varias formas pero no logro que
> aparezca. Si quito los flota:left de los elementos si se ve correctamente
> pero claro como es lógico los LI se muestran en bloque. ¿Alguna idea de que
> puede estar sucediendo?
>
>
Te sucede lo normal, cuando un elemento flota deja de 'ocupar espacio'
para su padre. Hay diferentes técnicas que lo evitan, desde incluir
antes del cierre del div otro <div class="rompeFloat"> </div> con
.rompeFloat { clear: both; font-size: 1px;} hasta añadir al div que
encoje un overflow: auto;
--
Saludos -=stripTM=-
_______________________________________________
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://ovillo.org/mailman/listinfo/ovillo
