cssを用いてボックスを作りたいです。

質問

cssを用いてボックスを作りたいのですが、うまくいかず困っています。

http://www.tagindex.com/stylesheet/box/width_height.html
↑内容はここの中段にある使用例から参照しました。

operaではきちんと表示されるのですが、safariでは文字のみの表示となり青色の領域が表示されません。

htmlタグはこれです。
<div id="contents">
<div class="box">横幅50%×高さ100px</div>
</div>

cssは下記です。
#contents div.box {
width: 50%;
height: 100px;
background-color: #85b9e9;
}

※ちなみに#contentsのwidthは770pxあります。

現在、dreamweaverの「ブラウザでプレビュー」で確認してるのですが、この方法が間違っているのでしょうか？
よろしくお願いします。

回答No.1

metametamu · ベストアンサー

この記述自体にはあまり問題なさそうですよ。別のところが原因じゃないでしょうか。

お礼

ありがとうございます。
dreamweaverのcs５の調子がよくないみたいで朝から使っていると午後にバグ？みたいにプレビューがおかしく表示されるみたいです。
１日空け起動するときれいに表示されました。
ご迷惑をおかけして申し訳ございませんでした。
ご回答ありがとうございます。