Design View not matching Browser View

Question

I mostly work in Design View and sometimes I notice there are extreme differences in what I am seeing in Design View and what I see when I preview the site with various browsers.
I now have a footer that I can't even see in design view but when I preview in a browser it's placed perfectly at the bottom of my main div.  I later noticed that it's at the very top of the design view
out of view so that the very bottom of my footer div is barely showing on the very top of my design view window.  Do I have code issues that are interfering?  I am a complete newbie with code by the way.
My site is at:  dev.soundscapemedia.com
Many thanks

Answer 1

Design view should never be considered accurate. It is Dreamweaver's rough guestimation of how things will look if rendered in a browser. The only "view" that may be considered accurate is the "Live" view - because it actually is rendered using a browser engine. Even with Live view though, one should always test against several major browsers.
So my suggestion/solution would be to ignore whatever crazy stuff Design view shows and just make sure you code to web standards and preview in a browser (or use Live view).
Remember: Design view is only a rough guestimate by Dreamweaver and should not be considered accurate.