Porque no pruebas con estas css:

ul { list-style:square; margin:0; padding:0; border:1px solid red}
ul li { margin:0; padding:0; clear:both; margin-left:20px;}
ul li ul { list-style:circle; margin:0; padding:0; border:1px solid blue;
float:left;}
ul li ul li { margin:0; padding:0; margin-left:20px;}

Basicamente lo que he hecho ha sido flotar la lista que tienes anidada
para que
no cree ningun tipo de salto, y en los li generales he limpiado ese float.

Espero que te sirva... un saludo.


Quoting Bernat Lleonart <[EMAIL PROTECTED]>:

Hola

Estoy intentando montar una lista anidada, y mientras en Firefox lo
veo correctamente, en Explorer me aparece un espacio en blanco por
encima de la lista anidada, correspondiente al li que contiene esa
lista anidada. Supongo que si lo veis en un navegador lo entendereis
mejor.

¿Cómo lo podría solucionar para que en Explorer se viera como en Firefox?

Aquí va el código:

-------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd";>
<html lang="ca">
<head>
        <title>...</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <style type="text/css">
                body {
                        padding: 0;
                        margin: 0;
                }

                ul,li {
                        list-style-type: square;
                        margin: 0;
                        padding: 0;
                }

                li {
                        margin-left: 20px;
                }

                ul {
                        border: 1px solid red;
                }

                /*li.nobullet {
                        list-style-type: none;
                }*/

        </style>
</head>
<body>
        <div id="contenidor">
                <div id="principal">
                        <ul>
                                <li>Lorem ipsum dolor sit amet</li>
                                <li>
                                        <ul>
                                                <li>Lorem ipsum dolor sit 
amet</li>
                                                <li>Lorem ipsum dolor sit 
amet</li>
                                                <li>Lorem ipsum dolor sit 
amet</li>
                                        </ul>
                                </li>
                                <li>Lorem ipsum dolor sit amet</li>
                                <li>Lorem ipsum dolor sit amet</li>
                        </ul>
                </div>
        </div>
</body>
</html>
-------------------------------------

¡Gracias!
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo




_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Responder a