Divs auto ajustables

quiquebg · #1 (**permalink**) 07/11/2012, 18:20

Necesito que una div este una al lado de la otra y si se re dimensiona la pantalla que vayan caiendo.

o que al hacer una consulta sql. vayan poniéndose una al lado de la otra y cuando toque, baje a la otra linea.

No quiero usar tablas.

tutorias · #2 (**permalink**) 07/11/2012, 20:22

Use responsive Desing. Te recomeindo que antes de postear, busque un poco, seguro ya esta este post resuelto.

Código HTML:

<!DOCTYPE html>
<html lang="es-CO">
<head>
  <meta charset="UTF-8">
  <title>@tutorias</title>
  <style type="text/css">
    .section{
      vertical-align: top;
      max-width: 99%;
      min-width: 99%;
    }
    .article{
      border        : 1px solid #ccc;
      display       : inline-block;
      min-width     : 100px;
      max-width     : 120px;
      vertical-align: top;
    }
  </style>
</head>
<body>
  <div class="section">
    <div class="article">
      contenido 1
    </div>
    <div class="article">
      contenido 2
    </div>
    <div class="article">
      contenido 3
    </div>
    <div class="article">
      contenido 4
    </div>
  </div>
</body>
</html>

quiquebg · #3 (**permalink**) 08/11/2012, 03:55

Muchas gracias! Me funciono! La verdad es que no sabia como buscar esto en el foro...

C2am · #4 (**permalink**) 12/11/2012, 01:05

Hola Tutorias
¿a que se debe esto:

Código CSS:

Ver original.section{
      max-width: 99%;
      min-width: 99%;
    }

Digo, que función cumple, y por qué no un simple width:99%?

Gracias por tu aclaración.
Saludos