Hola de nuevo, Muchas gracias por la ayuda, ya que lo que me comentas funciona perfectamente. Tienes raz�n en que no es lo m�s elegante, pero bueno, funcionar funciona, as� que hasta que no tengamos la especificaci�n de CSS3 y �ste no est� soportado por los navegadores usar� esto :)
Un saludo y gracias V�ctor -----Mensaje original----- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de stripTM Enviado el: jueves, 29 de julio de 2004 21:59 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Problema con elementos <div> Victor Garcia escribi�: >Hola a todos. > > > >Me ha surgido un problema que nunca hab�a visto con el flotado de capas. El >tema es el siguiente: > > > >Quiero simular una tabla con dos columnas. En una de ellas (la m�s gruesa) >ir� el contenido y en la otra ir�n otras cosas como el men�, etc. Hasta ah� >todo bien. Lo que quiero es rodear a ambas capas con un borde, de forma que >quede todo el conjunto como un rect�ngulo. Como las dos capas tienen >distinta altura, he definido una capa que hace de envoltorio de estas dos, >de tal forma que sea la que fije el fondo y el borde (quedando las otras con >fondo transparente). > > > >El problema es que al flotar las dos capas, la caja de la capa envoltorio >queda demasiado peque�a (no envuelve a las otras dos). Pod�is ver el >resultado si visit�is http://rax.ath.cx <http://rax.ath.cx/> . Como ver�is, >el fondo de la capa del pie de p�gina tambi�n �se come� el espacio donde >deber�a ir la capa envoltorio. La estructura del XHTML es la siguiente: > > > > Hay un truco que consiste en a�adir un nuevo bloque con un clear, lo que va a forzar que la contenedora llegue hasta abajo, en tu codigo quedar�a .rompeFloat {clear: both; font-size: 1px;} <div id="wrapper"> <div id="content"> <p>Informaci�n.</p> </div> <div id="barramenu"> <p>Aqu� ir� la columna de cosas varias.</p> </div> <div class="rompeFloat"> </div> </div> He visto alguna soluci�n m�s elegante usando el :before pero creo que esto te puede orientar. Por cierto en css3 esto estar� solucionado sin trucos ;) -- Saludos -=stripTM=- _______________________________________________ Ovillo mailing list [EMAIL PROTECTED] http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
