floatを使用して左30%、右70%の可変幅で2段組を作成しています。
ブラウザのサイズ(幅)を小さくするとレイアウトが崩れるので注意が必要です。
#content{ float:right; width:70%; height:600px; background-color:#cccccc; }
floatさせるものには、必ずwidthを指定しましょう。
#leftbar{ float:left; width:30%; height:600px; background-color:#c8dae1; }
floatを使用して左30%、右70%の可変幅で2段組を作成しています。
ブラウザのサイズ(幅)を小さくするとレイアウトが崩れるので注意が必要です。
#content{ float:right; width:70%; height:600px; background-color:#cccccc; }
floatさせるものには、必ずwidthを指定しましょう。