Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 434
  • Last Modified:

Dreamweaver design view is different from the browser preview

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
saul_roldan
Asked:
saul_roldan
  • 3
1 Solution
 
FrankWaltersCommented:
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
 
saul_roldanAuthor Commented:
the problem is with ie 7
0
 
saul_roldanAuthor Commented:
the above question is what I needed answered the top most that is
0
 
Jason C. LevineNo oneCommented:
Design View is not always going to give you a correct rendition of the page.  Only previewing in the browser should be trusted.
0
 
saul_roldanAuthor Commented:
tables don't give you the flexibility that div tags give you when stilling and spacing elements.
0

Featured Post

Industry Leaders: 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!

  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now