También se puede flotar el div contenedor.
El 28/06/2006, a las 7:14, stripTM escribió:
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
*******************************************************************
Este mensaje, y en su caso, cualquier fichero anexo al mismo, puede
contener informacion confidencial, siendo para uso exclusivo del
destinatario, quedando prohibida su divulgacion copia o
distribucion a terceros sin la autorizacion expresa del remitente.
Si Vd. ha recibido este mensaje erroneamente, se ruega lo
notifique al remitente y proceda a su borrado.
Gracias por su colaboracion.
This message, and in the case of any file annexed to it, can have
confidential information, and it is exclusively for the use of the
addresse of the message. It is strictly forbidden to spread a copy or
distribute to third parties, without the express order of the sender.
If you have received this message mistakenly, we request you to
notify to the sender, and please be sure to erase it.
Thank you for your collaboration.
*******************************************************************
_______________________________________________
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
