Cojonudo!!!!!, con perdon. :-)
Encerrando lo que flota en un div y dandole como me comentabas un
height:100%; todo ok!
Y quitando el clear, claro.
Con overflow: auto, no se soluciona en cambio.

Gracias de nuevo!!

----- Original Message ----- 
From: "nicolas carrera" <[EMAIL PROTECTED]>
To: "Ovillo, la lista de CSS en castellano" <ovillo@lists.ovillo.org>
Sent: Monday, July 10, 2006 1:29 PM
Subject: Re: [Ovillo] Problemas con float/clear


Hola

  te inserto aqui tu codigo una vez solventado el tema. Espero que fuera lo
que quieres conseguir.
  Te he resaltado en negrita los cambios he sacado el hr de los divs y he
creado un estilo para las cajas

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml";>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Problema float</title>
<style type="text/css">
<!--
* {
 margin: 0;
 padding: 0;
}
  body {
 font: 14px normal tahoma;
 text-align: center;
}

div#c1 {
 margin: 0;
 border: 1px solid red;
 padding: 0;
 height: 400px;
 width: 150px;
 float: left;
}
  div#c3 {
 margin: 0;
 border: 1px solid red;
 padding: 0;
 height: 400px;
 width: 150px;
 float: right;
}
  div#c2 {
 margin: 0 154px 0 154px;
 border: 1px solid green;
 padding: 0 8px;
 text-align: left;
 width:auto;
 height:auto;
}
  .flota {
 width: 130px;
 height: 110px;
 color: #fff;
 background: #000;
 float: left;

}
  hr {

}
  #caja {width:auto; height:100%; margin-bottom:5px;}
-->
</style>
</head>
  <body>
<div id="c1">
 <p>Columna Izquierda<br />
 (float left)</p>
</div>
<div id="c3">
 <p>Columna Derecha<br />
 (float right) </p>
</div>
  <div id="c2">
 <h2>Columna Central</h2>
 <div id="caja">
  <p class="flota">Contenido que flota</p>
  <p>Un texto bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla
   bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla</p>

 </div>
 <hr />
 <div id="caja">
  <p class="flota">Otro que flota</p>
  <p>El &lt;hr&gt; justo encima y todo este texto deberían estar justo
debajo de la caja negra al lado de "Un texto bla bla bla..."
  pero como el &lt;hr&gt; superior tiene un clear left, &quot;limpia&quot;
tanto el float de la caja negra como el de la columna izquierda.</p>
  <hr />
 </div>
</div>
</body>
</html>


_______________________________________________
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