CSS - Problemas con flotabilidad.

   
Vista:

Problemas con flotabilidad.

Publicado por David (1 intervención) el 23/05/2015 20:58:48
Muy buenas a todos.
A ver si soy capaz de explicarme.
En una página de productos quiero mostrarlos todos cogiendolos mediante un bucle de una base de datos, esos productos tienen una imagen, pero en algunos casos es más alta que otros.Esto hace que cuando se muestran en pantalla aunque le pongo que floten a derecha al no poder pasar, me deja espacios en blanco en la web y no se muestran todos lo más cerca de la derecha y de una forma ordenada.He probado a meterlos dentro de otros divs y demás pero no hay manera.
¿cómo podría solucionarlo?

<?php

$consulta=mysql_query("SELECT * from productos WHERE novedad=1");

while($filas=mysql_fetch_array($consulta)){
$id=$filas['id'];
$nombre=$filas['nombre'];
$imagen=$filas['imagen'];
$descripcion=$filas['descripcion'];
$pvp=$filas['pvp'];
$plataforma=$filas['plataforma'];
$fecha=$filas['fecha'];
$acumula=$filas['acumula'];
$acumulado=$pvp*$acumula;

?>

<div class="ContenedorResultados">
<?php echo '<div class="resultados">';?>
<?php echo '<div class="Imagenresultados">';?>
<img src="<?php echo $imagen;?>" alt="imagen_juego" height="80"></img>
<?php echo '</div>';?>
<?php echo '<span>'.$nombre.'</span>';?><br/>
<?php echo 'P.V.P:&nbsp;'.$pvp.'&nbsp;€';?><br/>

<form action="<?php if($pvp>12){echo 'ver.php';}elseif($pvp<=12){echo 'verCamisetas.php';}?>" method="post" name="ver">
<input name="id" type="hidden" value="<?php echo $id ?>"/>
<input name="imagen" type="hidden" value="<?php echo $imagen?>"/>
<input name="nombre" type="hidden" value="<?php echo $nombre ?>"/>
<input name="pvp" type="hidden" value="<?php echo $pvp?>"/>
<input name="fecha" type="hidden" value="<?php echo $fecha?>"/>
<input name="descripcion" type="hidden" value="<?php echo $descripcion?>"/>
<input name="plataforma" type="hidden" value="<?php echo $plataforma?>"/>
<input name="acumula" type="hidden" value="<?php echo $acumula?>"/>
<input name="acumulado" type="hidden" value="<?php echo $acumulado?>"/>
<button type="submit">Más Información</button></form>
<?php echo '</div>';?>
</div>
<?php }?>


CSS

#seccion2 .ContenedorResultados{ width:30%;
height:auto;
text-align:center;
float:left;


}



#seccion2 .resultados{ color:grey;
width:100%;
font-size:.7em;
padding-bottom:10px;
padding-top:10px;
height:auto;
}


#seccion2 .Imagenresultados{ width:100%;
margin:auto;
height:auto;
padding-bottom:.8em;
}

#seccion2 .Imagenresultados img { width:40%;

}

La idea que yo tengo es por ejemplo al ser adaptativo que en un pc grande muestre tres divs por ejemplo y justo debajo otro con otros tres, si es tablet dos, y en movil uno o dos, pero dònde la altura no influyera y asi evitar esos espacios raros.

Gracias de antemano y un saludo.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Angel Komander

Problemas con flotabilidad.

Publicado por Angel Komander (54 intervenciones) el 24/05/2015 07:15:52
no tienes la pagina online para ayudarte mejor?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar