dreamweverでホームページの外枠がうまくできません。

質問

こんにちは。いつも参考にさせていただいてます。
現在dreamweverMX2004でホームページを作っているのですが、外枠のボーダーがうまくできず困っています。css初心者でパソコンはmacです。よろしくお願いします。
まず全体の枠をwrapperとクラスを指定して

.wrapper {
margin: 0px;
padding: 0px;
width: 800px;
border: thin solid #99CCFF;
height: auto;
}

こう設定し、ヘッダをtopと下記の様に指定し

.top {
margin: 0px;
padding: 0px;
height: 80px;
width: 800px;
}
左にボタンを下記の様に指定し
.botan {
margin: 0px;
padding: 0px;
height: auto;
width: 200px;
float: left;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 12px;
}
本文を下記のようにボタンの右に来る様にしました。
.naiyou {
margin: 0px;
padding: 0px;
width: 600px;
height: auto;
float: left;
}
上のように指定し全体をセンターにそろえてます。
画面上では外枠が下まであるのですが
ブラウザでプレビューしたらヘッダの少ししたの部分までで終わり
下までボーダーがきません。分かる方おられましたら教えてください。
よろしくお願いします。

回答No.1

muzirusi · ベストアンサー

float解除かな？きっとw
簡単に言えばフロートを設定しているので外枠を指定している部分が終わり部分を見つけられていない感じです。
Htmlの</body>の上に下記を入れると半角分開きますが枠のびます。
解除タグ<div style="clear:both">&nbsp;</div>
間違えてたらごめんね

お礼

出来ました！！
<div style="clear:both">&nbsp;</div>をbodyの上でなく.naiyou
の下に入れたら枠が下まで！
ありがとうございました。勉強になりました！

補足

回答ありがとうございました。
やってみたのですがやはりうまく下まで行きませんでした・・。
一番下にdivタグでフロートを解除したフッタも入れてみたのですが
変りません。またbodyの高さを１００％にして wrapperも１００％にしたのですが変りません・・どこかで間違えていると思うのですが・・。