Posicionamiento dinámico de columnas y bloques

[pzin]

En principio especificando un ancho mínimo para el titular, flotarlo a la izquierda y luego el elemento azul, flotarlo a la derecha, debería de valer.

Sobre algo así:

Código HTML:

<header>
    <h1></h1>
</header>
 
<aside></aside>
 
<div></div>
 

Aplicar un CSS como este:

Código CSS:

header {
  float: left;
  min-width: 70%;
}
 
aside {
  float: right;
  width: 30%;
}
 
div {
  width: 70%;
}
 

Puedes verlo funcionando, y si le pones más texto al h1 verás que aside se va hacia abajo.

Luego ya dentro de ese div le metes lo que necesites.