Problema con sitio web responsivo

[alvarols]

Hola:

Estoy construyendo este sitio: http://alvarols.com/donatella/

Lo estoy haciendo responsivo, pero no logro solucionar un problema. Si se fijan, a la izquierda aparece la fecha del post, que está dentro de una capa, y el post donde está la foto grande donde está la capa derecha.

A la hora de ensanchar el tamaño del navegador, en determinado momento, la capa derecha se va a abajo (se cae) en vez de que permaneciendo a la derecha, se ajuste su tamaño como sucede en esta página http://gypsywings.com.mx/

Este es el CSS que uso para las capas:

Código CSS:

.contfecha{
    position:relative;
    display:block;
    max-width:150px;
    float:left;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    padding:0px 0px 0px 20px;
}
 
.contpost{
    position:relative;
    display:block;
    max-width:700px;
    float:right;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    padding:0px 20px 0px 30px;
}
 

Ojalá me pudieran ayudar. Gracias

[jonni09lo]

Veo que no estás usando porcentajes, prueba dándoles unos porcentajes a los contenedores a ver si eso te funciona, como complemento puedes usar media queries para dar un mejor efecto.

Saludos

[pzin]

Pues yo amplío hasta 1920 píxeles y no veo que ocurra nada. Si veo que en cierto momento se va hacia abajo pero es debido a que en el menú un elemento se va a dos filas.

[alvarols]

Muy cierto, con porcentajes funcionó. Gracias