Ver Mensaje Individual
  #1 (permalink)  
Antiguo 03/02/2011, 03:30
Avatar de Jask
Jask
 
Fecha de Ingreso: abril-2006
Ubicación: Madrid
Mensajes: 773
Antigüedad: 18 años
Puntos: 15
Tamaño de divs dentro de una caja, con float

Muy buenas, qué tal?
Quería comentarles una duda.

Tengo el código:

Código PHP:
$queryListas mysql_query("SELECT DISTINCT lista_id_propia FROM wp_lista ORDER BY lista_id_propia DESC LIMIT 0,4");
    while(
$queryListas2 mysql_fetch_assoc($queryListas) ) {
        
$IDxLista $queryListas2['lista_id_propia'];
        
        
# Muestar imágen, nombre y URL de las listas (poner en un CSS aparte más adelante)
        
echo "<div class='caja_individual'>";
        
$queryContenido mysql_query("SELECT DISTINCT lista_nombreunico, lista_imagen FROM wp_lista WHERE lista_id_propia = '$IDxLista'");
        while(
$queryContenido2 mysql_fetch_assoc($queryContenido) ){
            echo 
"<div><img src='http://".$queryContenido2['lista_imagen']."' width='130px' height='87px'></div>";
            echo 
"<div><a href='listas/?verlista=".$IDxLista." '>".$queryContenido2['lista_nombreunico']."</a></div>";
            break;
        }
        echo 
"</div>";
        
    } 
Resumiendo. Lo que hace es coger 4 datos de la BD e imprimirlos dentro de un div, cogiendo la imagen y el título de estos. Aquí dejo el css que se aplica:

Código CSS:
Ver original
  1. .caja_individual{
  2.     width:125px;  
  3.     float:left;
  4.     margin:5px;
  5.     font-size:22px;
  6.     min-height:200px;
  7. }
  8.  
  9. .caja_individual img{
  10.     border:1px solid #00CCFF;
  11. }

Aquí dejo la imagen de como queda :



El problema, como veis, es que cuando un título es más largo que otro baja la caja de abajo pero no la de al lado suya, por lo tanto queda "deforme". Habría alguna forma de hacer que ambas cajas bajen a la vez?

Gracias :)
__________________
Os iusti meditabitur sapientiam
Si te he ayudado, por qué no un poquito de Karma :) ?