css - CSSの左側の列とヘッダーが固定され、中央に配置されます

Question

ヘッダーと左の列を固定して中央に配置できることに関連する問題があります。このようなタスクのヘッダーcssは正常に機能しますが、左の列を固定して中央に配置することができません。positionプロパティをfixedに設定すると、自動的に左側に留まり、中央に配置されません。

ここに私の作品のサンプルコードがありますhttp://jsfiddle.net/hvN7Q/3/

サンプルでわかるように、ウィンドウのサイズを変更すると、左側の列は左側に留まり、中央に配置されません。

誰かが私を助けることができますか？

Answer 1

左の列の幅の半分の場所でleft: 50%;使用できます。margin-left: -whateverこれにより、中央に保持されます。

Answer 2

以下のクエリに関する解決策は次のとおりです。リンクは次のとおりです。http://jsfiddle.net/hvN7Q/4/

希望、このヘルプ!