Solved

Dreamweaver design view is different  from the browser preview

Posted on 2010-09-21
5
351 Views
Last Modified: 2012-05-10
http://epecho.com/

I am designing a portfolio website, in DW the font sizes and line spacing is substantially different in the design view than way is displayed in the browser. I am using a reset style sheet and a baseline grind of 18px with body type of 12px.

I have opened templates that others have made to see if DW dose this with every thing: the templates are spot on accurate in the design view as well as the browser view.

Is there a work flow so that this dose not happen?

Attached are the previews of DW and Safari

 DW preview DW preview Safari preview
0
Comment
Question by:saul_roldan
  • 3
5 Comments
 
LVL 1

Accepted Solution

by:
FrankWalters earned 500 total points
Comment Utility
I'm not sure I would use div for your approach here, but if I were to, I would try adding <p style="padding-right:10px"> instead of <p> in order to allow for more space.

Additionally, I notice that all browsers are pretty close to what DW shows, except Safari...

(Call me old school, but I'd use tables for space management instead of div class)
0
 

Author Comment

by:saul_roldan
Comment Utility
the problem is with ie 7
0
 

Author Comment

by:saul_roldan
Comment Utility
the above question is what I needed answered the top most that is
0
 
LVL 70

Expert Comment

by:Jason C. Levine
Comment Utility
Design View is not always going to give you a correct rendition of the page.  Only previewing in the browser should be trusted.
0
 

Author Closing Comment

by:saul_roldan
Comment Utility
tables don't give you the flexibility that div tags give you when stilling and spacing elements.
0

Featured Post

Threat Intelligence Starter Resources

Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

Join & Write a Comment

Someone recently asked me about how to display a progress indicator on a page while an iframe is loading. And I remember when I first came across this myself. It was a bit tricky to get my head around, but really, it's very simple. The most impor…
When setting up new project requests for our site, one of the most powerful tools our team has available to use is Axure (http://www.axure.com/). It’s a tool for creating software and web prototypes that can function and interact as if it were the a…
The purpose of this video is to demonstrate how to exclude a particular blog category from the main blog page. This is can be used when a category already has its own tab, or you simply want certain types of posts not to show up on the main blog. …
The purpose of this video is to demonstrate how to set up an RSS Feed on a WordPress Website. This will be demonstrated using a Windows 8 PC. Feedburner will be used for this demonstration. Go to your WordPress login page. This will look like the…

772 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now