Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/07/2014, 12:13
mblascog
 
Fecha de Ingreso: enero-2002
Ubicación: Sabadell
Mensajes: 565
Antigüedad: 22 años, 10 meses
Puntos: 4
Centrar un div dentro de otro

Buenas.
Tengo un div general, y dentro de él, voy creando un div por cada imagen que encuentro en un directorio.
De los div's que voy creando tengo asignado un ancho máximo, de manera que según el ancho del navegador, cabrán 2, 3, 4 por línea.
Mi pregunta: como hacer que estos div's, los 2, 3 o 4 por línea queden centrados? Ahora me quedan a la izquierda.

Código PHP:
Ver original
  1. <div id=div1>
  2. <?php
  3.     $directorio = opendir('./img/thumbs');
  4.     while ($img = readdir($directorio)) {
  5.         if ($img != "." && $img != "..") { ?>
  6.             <div class="class1">
  7.                 <img src="<?php echo URL."$img; ?>"/>
  8.             </div>
  9. <?php       }
  10.     }
  11.     closedir($directori);
  12. ?>
  13. </div>

Código CSS:
Ver original
  1. #div1 {
  2.     width:100%;
  3.     float:left;
  4. }
  5. .class1 {
  6.     float:left;
  7.     max-width:235px;
  8.     height:160px;
  9.     border:1px solid #D9D9DB;
  10.     background:#D4D4D4;
  11.     margin:1%;
  12. }
  13. .class1 img {
  14.     margin-right:1%;
  15.     height:100%;
  16.     width:100%;
  17.     padding:2%;
  18. }

Gracias
__________________
Qué fácil cuando lo sabes y qué difícil cuando no