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 <hr> 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 <hr> superior tiene un clear left, "limpia"
tanto el float de la caja negra como el de la columna izquierda.</p>
<hr />
</div>
</div>
</body>
</html>
---------------------------------
LLama Gratis a cualquier PC del Mundo.
Llamadas a fijos y móviles desde 1 céntimo por minuto.
http://es.voice.yahoo.com
_______________________________________________
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
