CS5.5で、編集画面が、CSSを反映しません。

[にしあさ]

CS5.5で、編集画面が、CSSを反映しません。

環境は、Windows8.1　Core i7 64ビット　です。

テンプレートファイルを編集している時は正常なのですが、htmlファイルを開くと壊れています。

画像を参照してください。

このような状態ですので、完成イメージを持ちながらの編集作業ができない状態です。

どなたか、同じような経験をしておられる方で解決された方がおられたらお力を貸してください。

なお、javaが関係しているという情報をチラッと見たような気がしますが、正確な情報かどうかはわかりません。

（追記：windowsの64ビット用のjavaをインストールしてみましたが状況は変わりません）

以下追記：

追加情報です。

①関係あるのかわかりませんが、画像を添付します。

②ブラウザでの確認作業は正常にできます。

[Nancy OShea]

Have you defined a local site folder for your project?

Is your path to CSS file pointed to the correct folder and file?

<link rel="stylesheet" type="text/css" href="styles/style.css">

[にしあさ]

You gave me a very good advice. Thank you very much. What if I have two CSS files?

Now,I am currently configuring this way.

<link rel="stylesheet" type="text/css" media="(max-width: 460px)" href="smh.css">

<link rel="stylesheet" type="text/css" media="(min-width: 461px)" href="pc.css">

[Nancy OShea · Accepted solution]

Use Preview in Browser.

I don't remember if legacy DW can support CSS media styles in Design View.  It's possibly too old.

[にしあさ]

Thank you very much.
I think you are right.
I will buy the latest version of DW and study Responsive Design.