Sören:
Das dürfte so nicht gehen. Kombination von Größenangaben unterschiedlicher Typen bzw. sogar als Kombination von absolut (z. B. px) und relativ (z. B. Prozent) meine ich mal im Rahmen von CSS 3 gesehen zu haben - damit sind sie noch weit entfernt davon, für so etwas grundlegendes wie Layouts verwendet werden zu können.
Machbar ist dagegen bspw. die mittlere Box an die Breite anpassbar zu machen und die beiden äußeren mit fester Breite zu versehen. Bei besonders hohen Auflösungen und wenig Content kann ein flüssiges Layout jedoch sehr unschön aussehen, daher wird oft für alles eine feste Breite verwendet (z. B. 920px oder 960px in der Gesamtheit).
Edit: Haben die bläulichen Boxen denn Inhalt? Oder willst du die zu Gestaltungszwecken verwenden? Um einen Streifen am oberen Seitenrand quer hinter den Inhaltsbereich zu legen, kannst du ein Hintergrundbild auf `background-repeat: repeat-x;` setzen, wodurch es nur horizontal gekachelt wird.
margin:auto zentriert die Box mittig.
Nur horizontal und nur, wenn das Elternelement `text-align: center;` gesetzt hat.