floatを使用して左200px固定、右を可変幅で2段組を作成しています。
段組をdiv id="container"で包含してwidthを70%に指定しています。
#header { margin-left: auto; margin-right: auto; width:70%; border: 1px solid #e6e6e6; }
div要素でなくてもいいのですが、div id="header"とh1要素を追加しています。
#container { margin-left: auto; margin-right: auto; width:70%; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
#content{ float:left; width:100%; } #content * { margin-left: 230px; }
floatさせるものには、必ずwidthを指定しましょう。
左側と右側のブロックが重なっているので、左側にa要素などを
配置する場合、左側の中の要素にはposition:relativeとz-indexを
適宜指定したほうがいいようです。
私は、Operaではまりました。