Recuadro con CSS

[lumines88]

Hola,

tengo un recuadro con CSS que engloba varias imágenes en su interior, y éstas se van añadiendo con un bucle en PHP. Cuando termina una fila, pasa a la siguiente. ¿Sabeis cómo hacer que la altura del cuadro vaya creciendo a medida que añado imágenes? Éste es el código:

Código CSS:

#recuadro{
    padding-top: 20px;
    border: 1px solid black;
    width: 850px;
    text-align:center;
    max-height: 200px; 
}
 

¡Gracias!

[ZoroRoronoa]

quitale el max-height
y ponle height: auto;

[lumines88]

Gracias. Ya cambia, pero me hace el recuadro una fila más grande de lo que debería. ¿Por qué?

[rossijona]

Dos formas:

1.
position: relative;
height: auto;

o la otra opcion:

2.
display: table;

funcionan al 100% cualquiera de las dos.

P.D: height: auto; sin tener position: relative; en algunos navegadores no funciona.

Saludos

[lumines88]

Gracias por contestar.

Pues lo he probado de las dos formas y ninguna me cambia nada. ¿Puede ser a lo mejor problema del código PHP que hay dentro? Pongo una imagen.

[ZoroRoronoa]

verifica los codigos CSS del tamaño que le has dado a la imagen numero 5.
Creo que es mas error del tamaño le has dado mediante PHP que debido al height:auto;

[lumines88]

Mirad, si lo pongo de la siguiente forma:

Código PHP:

<div id="recuadro">
            <table border="0" cellpadding="10" cellspacing="10" width="50%">
                    <?php
                    $consulta = mysql_query("SELECT DISTINCT * FROM obras WHERE galerias_idgalerias = $idgalerias AND estado != 'artista' ORDER BY fecha_subida DESC", $link);
 
                    
                    while($fila = mysql_fetch_array($consulta)){
                    
                    $cont = 0;  
                        
                    while($fila or $cont < 5){
                        if(cont < 5){
                    ?>
                    <td>
                        <div id ="tamimg">
                        <tr width="10%">
                            <form action="../obras/obra.php" method="POST">     
                                <input type="image" src="../img/obras/<?php echo $fila['nombre_imagen']; ?>" width="150">
                                <input type="hidden" name="parametro" value="<?php echo $idgalerias; ?>">   
                                <input type="hidden" name="idobras" value="<?php echo $fila['idobras']; ?>">    
                            </form>
                        </tr>
                        </div>
                    </td>
                <?php
 
                }
                
                $cont +=1;
                
                }
            }
                ?>
 
            </table>
        </div>
 

Me sale bien el cuadro, lo engloba todo, pero se repite la misma imagen en un bucle infinito... Quizás no sea cosa de CSS...

[rossijona]

Te recomiendo que uses Chrome para detectar errores, puede que sea en el cód PHP algúna etiqueta que tenga STYLE".."

Saludos.