Tengo un div y dentro otro flotado a la izquierda, my problema es que el flotado a la izquierda lleva codigo php y genera tres contenedores uno al lado de otro, bueno, eso lo hace correctamente, pero el div primero que lo contiene no se amplía hacia abajo, y el div flotado se queda encima de este div primero, como si no lo contuviera dentro y otro div que sigue a estos dos tambien se une al flotado.
Espero haberme explicado correctamente, una ayudita, gracias.
os dejo el codigo aqui:
xhtml:
<!--|**noticias secundarias-->
<!--|**aqui empieza el codigo de noticia secundaria-->
<div class="box_cen_se">
<h2>Mas Noticias...</h2>
<P></P>
<?php
}
elseif($llave < 4)
{
//si es la primera pasada por aquí... osea, la 2ª noticia...
if($llave == 1)
{
?>
<?php
}
?>
<div class="box_cen_se_tres">
<img src="./noticias/fotos/miniaturas/<? echo"$foto1"; ?>">
<h2><?php echo"$titular"; ?></h2>
<p><?php echo"$resumen"; ?></p>
<p><?php echo"$autor - $fecha_es"; ?></p>
</div>
<p></p>
<?php
//si es la cuarta noticia es decir la 3 pasada... o solo se han metido 2 noticias
//de momento en el periodico o solo se han metido 3 noticias... Todo esto sirve para
//que funcione la cosa durante los inicios del periodico al meter las primeras noticias...
if(($llave == 3) or ($llave == 1 and $num_filas == 2) or ($llave == 2 and $num_filas == 3))
{
?>
</div>
<!--|**fin del codigo de noticia secundaria-->
<!--|**noticias terciarias-->
<!--|**aqui empieza el codigo de resto de noticias -->
<div class="box_cen_se">
<h2>Mas...</h2>
<p></p>
<?php
}
}
else
{
?>
<div class="articulo_noti">
<a href="./noticias/noticia.php?id_noticia=<? echo"$id_noticia" ?>"> <img src="./noticias/fotos/miniaturas/<? echo"$foto1"; ?>" border="0"></a>
<h2><? echo"$titular"; ?>.</h2>
<p><? echo"$resumen"; ?>
<a href="./noticias/noticia.php?id_noticia=<? echo"$id_noticia" ?>">leer mas.....</a>
<br><?php echo"<i><b>$autor</b> $fecha_es</i>"; ?></p>
</div>
<br><br>
<?
}
}
//liberamos el resultado y cerramos la conexión...
mysql_free_result($resul);
mysql_close($id_conexion);
?>
<!--|**fin del codigo de resto de noticias -->
</div>
y el css del div flotado a la izquierda:
.box_cen_se_tres {
float: left;
margin-left: 10px;
width: 180px;
text-align: center;
font-size: 1.6em;
background-color: #CCCCCC;
}
y el css del primer contenedor:
.box_cen_se {
background-color: #FFFFFF;
border-right: 1px solid #D1D1D1;
border-bottom: 1px solid #D1D1D1;
padding: 8px;
display: block;
background-image: url(img/degra_es.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-x-position: left;
background-y-position: top;
}
.box_cen_se h2 {
margin-top: 0;
margin-bottom: 0;
font-family: serif;
color: #CC3333;
font-size: 1.8em;
}
.box_cen_se p {
margin-top: 0px;
font-size: 1.2em;
}
.box_cen_se img {
border: 1 double #999999
width: auto;
}
.box_cen_se a {
font-size: 1.3em;
}
