3カラムのサイトでfloatができない

質問

３カラムのホームページを作っているのですが、
中央と右のカラムがどうしてもfloatできません。。

左カラムをfloat:leftにして、中央と右のカラムを#contentsBoxで囲ってfloat:rightさせています

【ＨＴＭＬ】
<div id="wrapper_2"><!--div id wrapper_2 START-->
<div id="contentsBox"><!--div id contentsBox START-->
<div id="560"><!--div id 560 START-->
中央カラム
　　　　</div><!--div id 560 END-->

<div id="175"><!--div id 175 START-->
　　　　右カラム
</div><!--div id 175 END-->
</div><!--div id contentsBox END-->

<div id="205"><!--div id 205 START-->
　　　　左カラム
</div><!--div id 205 END-->

</div><!--div id Wrapper_2 END-->

【ＣＳＳ】
/*+++wrapper_2++++++++++++++++++++++++++*/
#wrapper_2 {
width: 984px;
background-color:#fff;
padding: 8px;
margin: 10px auto 10px auto;
overflow: hidden;
}
/*+++contentsBox++++++++++++++++++++++++++*/
#contentsBox {
width: 757px;
float: right;
}

#contentsBox:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}

/*+++左カラム+++++++++++++++++++++++++++++*/
#205{
width: 205px;
margin: 0 22px 0 0;
float: left;
}

/*+++中カラム+++++++++++++++++++++++++++++*/
#560{
width: 560px;
float: left;
}

/*+++右カラム+++++++++++++++++++++++++++++*/
#175{
width: 175px;
float: right;
margin-left: 22px;
}

まだ勉強中なので、初歩的なミスなのかもしれませんが、
どうしても中央カラムの下に右カラムがきてしまいます。
（ドリームウィーバーで見たら、望み通りの配置になっているのですが、ブラウザでチェックすると、中央カラムの下に右カラムがきてしまいます）

アドバイスいただければ嬉しいです。
よろしくお願い致します。

回答No.1

outbrave · ベストアンサー

id属性の値は、先頭をアルファベット（A～Z , a～z）で開始すること。

お礼

そうなんですね！！！
恥ずかしながら知らなかったです。。。
本当に本当に助かりました！
ありがとうございます！！