Проблем с CSS responcive div

От няколко часа се опитвам да постигна следния ефект

Вече се изчерпах от към идеи и за това моля за помощ.

Я картинка, и какво да я правиме ние? И нали знаеш, че responsive означава
всичко да ти е в "%" а не в "px"

Я пробвай така:

[css]
#a{
margin-left:3.2%;
background:#505050;
height:800px;
width: 560px;
position:absolute;
}

#b{
height:800px;
background:#ff0000;
width:auto;
margin-left:700px;

}

#c{
width:400px;
position:fixed;
background:#fff;
height:500px;
margin:20px 0 0 20px;
}[/css]