デザインビュー上の表示とWEB上の表示が異なっていて困っています。

Dreamweaverの「デザイン」ビューは、HTMLタグを入力しやすいように考えられたDreamweaver専用の画面モードのようなもので、ブラウザのそれとは異なります。レイアウトが崩れていても気にしないで下さい。

特に、CSSでレイアウトされたような構成は正しく表示できない場合がほとんどです。あくまでも、ブラウザ上で実際にプレビューした状態が正しいものです。

これらの問題を解消するために、Dreamweaverの最近のバージョンには「ライブ」ビューが用意されています。こちらは、よりブラウザに近い形で表示が行えます。