• Ant
  • New member
  • Offline
  • Registered: December 2, 2009
  • Posts: 22

Topic: dreamweaver design preview SHIFTED

I'm going through the motions of learning css and basic page building.
I'm using DW8.

I am practicing my positioning, images text etc.

Why is it that in my dreamweaver DESIGN view all my DIVS are not lined up and contained in my wrapper div, but when I preview it in firefox etc everything looks (correct) like what I am trying to recreate.

Basically in dreamweaver my nav/content/right column/(divs) are lined up BUT offset to the right of my header div.

It's really not helpful to look at the design view if all those divs are shifted incorrectly.
Also my nav overlaps my header by a few pixels on the DESIGN view but everything is lined up properly in the browser preview.

I cant help but think this is NOT a DW glitch but instead my error. But then why would my browser preview be correct.

Ant

Vote up Vote down

  • LSW
  • Moderator
  • Offline
  • From: Juneau AK
  • Registered: December 20, 2008
  • Posts: 7,471
  • Reputation: -1

Re: dreamweaver design preview SHIFTED

Most likely DW. Dreamweaver is an editor, it may try to act like a browser but it is not and so shows things one off. The only trustworthy way to test is to do so on the browsers that will use it.

Vote up Vote down

  • Ant
  • New member
  • Offline
  • Registered: December 2, 2009
  • Posts: 22

Re: dreamweaver design preview SHIFTED

LSW wrote:

Most likely DW. Dreamweaver is an editor, it may try to act like a browser but it is not and so shows things one off. The only trustworthy way to test is to do so on the browsers that will use it.


Thanks.

I cant believe DW has such a bad flaw like that.

Vote up Vote down

  • From: Tenerife, Spain
  • Registered: December 29, 2008
  • Posts: 579
  • Reputation: 1

Re: dreamweaver design preview SHIFTED

Dreamweaver is a great tool, but never use Design View, or if you do, just to visually highlight the part you need to work on in the code. Even in CS3 it sucks. In any case you should always test your work in different browsers i.e. Firefox, Chrome, Safari and the different versions of IE, where if you think Dreamweaver has flaws you will be in for a surprise. It's also good to test cross platform or ask someone on Mac to do it for you.

Lynne
180virtual

Vote up Vote down

  • From: Florida
  • Registered: December 19, 2008
  • Posts: 2,680
  • Reputation: 2

Re: dreamweaver design preview SHIFTED

Ant wrote:

I cant believe DW has such a bad flaw like that.

If Dreamweaver's Design View were to be a perfect tool to view the results of your coding then
there would be a Dreamweaver browser just like IE, Firefox, etc.

big_smile

Imagine Building and Managing an Online Business
The Kasper Group

Vote up Vote down

  • Ant
  • New member
  • Offline
  • Registered: December 2, 2009
  • Posts: 22

Re: dreamweaver design preview SHIFTED

Well I figured out why it was so out of wack.

I was missing a </div> tag at the end just before my closing container div.

Somehow it still looked correct in the browsers.

Well at least I'm starting to grasp this stuff.

Thanks
Ant

Vote up Vote down