Problema div Float y height

[javierflti]

Tienes algún problema en tu css.
Lo primero, si envelves 3 col en un bloque, y esos col tienen un 19% de ancho cada uno, solo te van a ocupar una parte del bloque central, que es su contenedor.

Solución:
Tienes que crear tres columnas principales, las dos laterales y la central. Eso lo puedes hacer con este código

Código CSS:

.col
{
  float: left;
  border: 1px solid red;
  width: 19.8%;
  background: #ff0000;
}
 
#bloqueCentral{
    border: 1px solid #000;
    width: 59.4%;
    height: auto;
    float: left;
}
 

Ahora tendrás dos columnas laterales con la clase col, y una central con el id bloqueCentral, que ya te cubrirán toda la pantalla.

Ahora crea una clase que te para cada #bloqueCentral en tres partes

Código CSS:

.col_central
{
  float: left;
  border: 1px solid red;
  width: 33.1%;
  background: #0000ff;
}
 

Crea el html para las columnas

Código HTML:

<div class="col">1</div>
<div id="bloqueCentral">
    <div class="col">2</div>
    <div class="col">3</div>
    <div class="col">4</div>
</div>
<div class="col">5</div>
 

Y ahora comprueba que funcione ;) y si tienes cualquier duda pásate por aquí
Un saludo