DreamweaverCS4のデザインウィンドウとIE7ブラウザの表示の違いは何故起こるのでしょうか。

質問

現在、参考書を見ながらWEB作成の勉強をしております。

環境
インターネットエクスプローラー　７
WINDOWS　XP　Homeedition　Servicepack2
Dreamweaver　cs4

参考書どおりCSSで背景の色設定をしたのですが、IE７ブラウザにおいては色＃EEEEEEが反映しませんでした。＃CCCCCCなどの背景色であればIE７でも表示されます。しかし、背景色の上に乗せてあるイメージ画像の透明部分が反映されず、透明部分が白く表示されてしまいます。
DREAMWEAVERのデザインウィンドウであれば、＃EEEEEEであっても背景色に表示され、透明画像も透過した状態で参考書の通りに製作課題ができあがります。

本環境はブラウザ上になりますので、DREAMWEAVER　CS4のデザインウィンドウのみ通用するだけでは使い物にならないと思います。
製作においてはこのようなことが良くあるのでしょうか。

長くなりましたが、分からない点は次の通りです。
１．＃EEEEEEのみがIE７で表示されないのはなぜか。
２．IE７で透明イメージの透明部分が透過されず白く表示されるのはなぜか。
３．DreamweaverCS4のデザインウィンドウとIE７ブラウザの表示がこれほどまでに違うことは良くあることなのか。

解決しなければ先に進む気持ちにならず、識者に頼らなければならない状況です。宜しくお願いします。

回答No.4

naokita

ちなみに、HTMLの例の記述の意味がわかりませんが、
もしも、その順序で閉じずに書いているなら
<di>
<dt></dt>
<dd></dd>
</dl>
としないといけませんよ。
dlの中身は、dt か ddって事。

回答No.3

naokita

追記、ユーザー補助の方ですね。ユーザースタイルシート。

そんな基本的なカラーが表示されないなんておかしいですね。
それが表示出来ないなんて、どのブラウザでも一度もありませんよ。
ソフトを利用せずにメモ帳で保存して開いたり。
他のWEBサイトはどうなのかの問題。
Firefoxとか他のブラウザはどうなのかの問題。
下記はどうですか？　何が表示されて何が表示されないのか？・・・
----------------------------------------------------------

<p style="background-color: #CCCCCC !important;">背景CCC<img src="○○" width="○○" height="○○" alt="*"></p>
<p style="background-color: #EEEEEE !important;">背景EEE<img src="○○" width="○○" height="○○" alt="*"></p>
<p><strong style="color:#CCC">CCC</strong><br>
<strong style="color:#EEE">EEE</strong><br>
<font color="#CCC">CCC</font><br>
<font color="#EEE">EEE</font></p>

回答No.2

naokita

IE7　タブ
ツール
インターネットオプション
色
「Windowsの色を使用する」をチェック。
OKで閉じます。

回答No.1

naokita

下記をHTMLに直接書いたらどうなりますか？ 　画像○○は要変更。

<p style="background: #CCCCCC;">背景CCC<img src="○○" width="○○" height="○○" alt="*"><p>
<p style="background: #EEEEEE;">背景EEE<img src="○○" width="○○" height="○○" alt="*"><p>

お礼

ご回答ありがとうございます。
試してみましたが、やはり反映されずです。

<dl>
<dt>
<dd>
<ul>
<li>
これらの要素を複数回使用している状況です。
端側から<dl><dd><ul><li>の順になり、更に内側に同じ要素を何回か使用しています。