Adobe Dreamweaver CS6设计视图中的HTML页脚

Question

I am working on getting the hang of HTML5/CSS and it is going OK thus far. I recently added a footer to my play website, and have it attached to the bottom of the page and centered. However, while the footer is centered correctly under my main content while previewing through a web browser, in the design view of Adobe Dreamweaver CS6 it shows the footer as way off to the side of the main content div. I find it odd it would appear this way in design view, but work as intended while testing. Is this just the cause of how I coded it? It is slightly annoying that I have to scroll way off to the right to see the footer in design view...

Any suggestions as to why this is, or any suggestions to the general coding, would be greatly appreciated. Below is how I coded in my footer. Thank you.

.footer {
    position: absolute;
    bottom: 0px;
    width: 960px;
    padding: 10px 0;
    background-color: #0033FF;
}

Answer 1

yes, its correct that Dreamweaver's output is quite different than that of web browser's output and there is nothing wrong with your code.

Dreamweaver's internal web browser is not much updated and doesn't supports some HTML and CSS tags. so just ignore Dreamweaver's web browser..