Auto-Größenänderung centre div mit css?

Bin ich Schwierigkeiten bekommen 3 divs, um automatisch die Größe, wenn die Größe des browser-Fenster/Seite.

Ich habe zwei divs mit fester Größe und ich möchte das centre div Größe automatisch zu füllen den verbleibenden Raum und nicht das Dritte div-wrap um ein newline-wenn die Seite, die Größe schrumpft.

Will ich einen min-width-Eigenschaft auf die div umschließt die drei divs zu verhindern, der die Verpackung des Dritten div-sobald die mittlere div ist über 65px breit.

Muss das mit javascript gemacht werden, weil ich bin derzeit versuchen zu erreichen, das mit css aber ich habe kein Glück.

den javascript-oder css-Ausdruck wäre etwas wie width = Seite.Breite - div1.Breite -div3.Breite, aber ich möchte vermeiden, mit js, wenn möglich.

Vielen Dank für jede Hilfe!!!

Mike

Können Sie sehen, das erwartete Verhalten in der angehängten Bild.

1) Was ich will
2) Was ich gerade erleben, auf die Schrumpfung

Habe ich die div-re-sizing und ein textbox-innen auf 100% gesetzt, so dass es re-Größen mit div.

Jedoch der rechten Seite div kann entweder 267px, wie unten gezeigt, oder 192px (diskrete) sollte ich nur die margin-right-mit code im hintergrund auf bestimmten Seiten? Oder gibt es einen Weg, um das margin-right dynamisch, basierend auf der Größe des div-Recht?

zB.
HTML -

<div id="wrapper">
  <div id="left"></div>
  <div id="right"></div>
  <div id="centre">        
  <div>
</div>

CSS

#wrapper
{height:84px;
 background-image:url(../images/siteImages/header_back.png);
 background-repeat: repeat-x;}

#left
{height:inherit;
 width:512px;
 background-image:url(../images/siteImages/logo.png);
 background-repeat: no-repeat;
 float:left;}

#centre
{width:auto;
 margin-left:512px;
 margin-right:267px;
 height:inherit;}

#right
{padding-right:10px;
 height:inherit;
 float:right;
 text-align:right;}