öncelikle bir container belirlersiniz, bu tüm tasarımın aynı çizgide kalmasını sağlar, mevcut ekran çözünürlüklerine göre bu boyutları araştırabilirsiniz.

örnek;

.container {
 width:1170px;/*burada yüzde değer de kullabilirsiniz width:80%; gibi*/
}

sonrasında bunun içine parçalama yapabilirsiniz

.solmenu{
 width:250px;/*burada da yüzde değerler de kullabilirsiniz width:35%; gibi*/
 display:inline-block;
 float:left;
position:relative;
}
.ortaalan {
width:670px; /*yüzde değer vs.*/
display:inline-block;
float:left;
position:relative;
}
.sagmenu{
width:250px;/*yüzde değer*/
float:left;
display:inline-block;
position:relative;
}

html görüntüsü de şu şekilde olacak;

<div class="container">
<div class="solmenu">
sol menü içeriği
</div>
<div class=ortaalan>
ortaalan
</div>
<div class="sagmenu">
sağ menü içeriği
</div>
</div>

umarım yardımcı olabildim.

demo: http://jsfiddle.net/t8oL5x6v/