I have been using Dreamweaver for a couple of years now (currently CS4) and I have had my pages display very differently than designed when using the F12 function verses Design view. I have read several posts here and on other forums but have not found a direct explanation as to how to stop this from happening or how to get the two displays synchronized again. Can you synchronize the displays again once they have displayed incorrectly, if so how do you achieve this?
Thanks in advance,
Dreamweavers design view is an approximation of how your page will look in a browser and is almost never accurate. As for live view this uses the Safari 3 webkit rendering engine, so will also differ when viewed, (f12) in a different version of Safari or a different browser.
Design View has never been 100% reliable. Test your pages often with multiple browsers and settings during the design phase.
Be sure to use valid markup and CSS code. Code errors often effect DW Design View in ways that Live View and other web browsers may not pick-up.