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を指定しましょう。