Solved

Dreamweaver design view is different  from the browser preview

Posted on 2010-09-21
5
407 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
5 Comments
 
LVL 1

Accepted Solution

by:
FrankWalters earned 500 total points
ID: 33726051
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
ID: 33726646
the problem is with ie 7
0
 

Author Comment

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

Expert Comment

by:Jason C. Levine
ID: 33728193
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
ID: 33737635
tables don't give you the flexibility that div tags give you when stilling and spacing elements.
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
This article discusses four methods for overlaying images in a container on a web page
The purpose of this video is to demonstrate how to add AdSense Ads to a WordPress Website, and how to set up WordPress to automatically place Ads in Sidebars. This will be demonstrated using a Windows 8 PC. Log into your AdSense account. : Cli…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

752 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