Se me salen de posicion las imagenes..

[fedefrankk]

Buneas a todos.

Estoy haciendo una galeria de fotos, esta tiene una descripcion, cuando la descripcion se pasa a otra linea me cambia la posicion de las otras imagenes..

aca dejo una imagen que se ve en rojo el espacio cuando la descripcion bajo a la siguiente linea en el div:





asi lo listo con php

Código PHP:

<div class="contenedor_c">
<div class="imagen"><? echo "<img src=im.php?></div>
<div class="click"><? echo ". print  "  tamaño". $reg['tamano'] ?></div>
<div class="des"><? print $reg['descrip']?></div>
<div class="img_1"></div>
</div>
 

mi css:

Código CSS:

.contenedor_c{
   display:inline-block;
   margin-top:1px;
   width:267px;
   height:270px;
   margin: 1px;
   padding:1px; 
   text-align:center; font-size:10px;
   font-family:Verdana, Geneva, sans-serif;
   border:solid; border-width:1px; border-color:#CCC
}
 
.click{
  width:100px;
  height:20px;
  text-align:left;
  margin-top:-12px;
  margin-left:200px;
  }
 .des{
    margin-left:5px;
     margin-top:-73px;
    word-wrap: break-word;
    text-align:justify;
    color:#000;
     width:258px;
     height:34px;
     
    
 }
 

Espero que puedan darme una mano con este tema, y la otra consulta cada ves que muevo un margen se mueven todos..!!! como puedo para que eso no ocurra??..

Saludos a todos y Muchas gracias.!!
Fede

[Garot]

Hola fedefrankk

Sin duda el problema esta en el "inline-block" que le has aplicado al contenedor, prueba cambiarlo por "block" nada mas y aplicale un "float:left" al contenedor a ver que pasa.

Saludos!

[fedefrankk]

Buenas, siii se soluciono el problema con "float:left".
Muchas gracias por tu tiempo
Saludos
Fede