(Ohne das jetzt ausprobiert zu haben) Folgende Reihenfolge wäre mein erster Ansatz:
-
wrapper als alles umschließendes Element, position:relative gesetzt, damit float-Elemente nicht rausfallen. Keine Pixelbreite, jedenfalls nicht mit 1000 Pixel.
-
header wie gehabt.
-
navileft mit float:left und width.
-
bar1
-
naviright mit float:right und width.
-
bar2
-
content
Alles andere erstmal raus. content, eventuell auch bar1 und bar2, musst Du vermutlich mittels margin-left und -right Außenränder links und rechts in der Weite der Navi-Bereiche geben, weil deren Inhalt sonst am Ende von navileft und -right ganz an den Rand von wrapper rückt.