- ベストアンサー
Dreamweaverのデサインビューが不便です
web制作の超初心者です。 Dreamweaver CS3をWindows Vistaで使用しているのですが、デザインビューが意図したように表示されず困っています。 例えば、divで「back_ground」というボックスの中に、「fixed_box」という「position: fixed;」のボックスを作ったのですが、ブラウザではボックスが固定して表示されるのですが、デザインビューでは表示されず、とても不便です。 DWのデザインビューではボックスを固定して表示できないのでしょうか？、それともタグやその他の設定の仕方に問題があるのでしょうか？ （なお、メニューの「表示」→「スタイルレンダリング」の「スタイルを表示」にはチェックが入ってありました。） 念のため、以下にコードを載せておきます。 どなたかお分かりになる方、どうぞよろしくお願いいたします。 -------------------HTML------------------- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無題ドキュメント</title> <link href="test.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="back_ground"> id "back_ground" の内容がここに入ります <div id="fixed_box"> id "fixed_box" の内容がここに入ります</div> </div> </body> </html> ------------------CSS------------------- #back_ground { background-color: #999999; height: 2000px; width: 1000px; } #fixed_box { background-color: #FF0000; height: 500px; width: 500px; position: fixed; } ----------------------------------------
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
Dreamweaver のデザインビューでは「position: fixed;」は対応していません。なぜ対応しないのかまではわかりません。 IE6以前でも対応していないので「position: fixed;」を使うのは抵抗がありますよね。たぶんDreamweaverではそういうスタンスなんじゃないでしょうか？ 所詮デザインビューはプレビューですので、Dreamweaverに限らず、アテにならないのは前提だとおもいますよ。いくつかのブラウザーで確認するのが必須ですからね。
その他の回答 (1)
dreamwaverのレンダリングは実装が中途半端な1つのブラウザのようなもの・・・らしいですね。 解決方法がわからなくてすみませんが、とりあえず作るときはposition:absolute;でフローから取り除いておけば、スクロールしない限りプレビューの役に立つのではないでしょうか？
お礼
アイディアいただきありがとうございました。いろいろ試しながら制作してみます。
お礼
なんとなくですが、納得しました。デザインビューの不便さは腑に落ちないのですが、あきらめて制作してみます。タグを知らない初心者にはキツイですが・・・。 ありがとうございました。