Lo que te está pasando es que el div tiene básicamente hijos flotantes (que no quedan contenidos dentro de un padre no-flotante). Una solución seria añadir como último hijo del div una caja con un clear:left pero sin flotar.


Inma Bermejo Salar wrote:

Hola a todos,
tengo un problema, un div se cierra antes de lo debido cuando contiene una dl.
Me ocurre con todos (IE, Firefox, Opera) los navegadores que he probado y cuando pongo texto normal no me ocurre.


       <div class="links">
       <dl>
       <dt>uno</dt>
           <dd>item</dd>
           <dd>item</dd>
         <dt>dos</dt>
             <dd>item</dd>
       </dl>
       </div>

con el siguiente código css

   .links {
       clear:both;
       padding:10px;
       border:1px solid #ccc;
       }

   .links dt {
       clear:both;
       float:left;
       margin:5px 10px;
       }

   .links dd {
       float:left;
       display:inline;
       margin:5px;
       }

Sospecho que la culpa la puede tener el clear de dt, pero no lo sé!
Algún cosejo?
Saludos
Inma

-- arnau siches css.artnau.com

_______________________________________________
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_ovillo.org

Responder a