Results 1 to 5 of 5

Thread: Page design do not match page preview

  1. #1
    Junior Member
    Join Date
    Jan 2011

    Default Page design do not match page preview


    when I'm working on the site using "page design" i put for example an object in the center of the background image but when I move to "page preview" or "site preview" the object is not in the center of the background. What I'm trying to understand is how can I make sure that what I see in "page design" is the same that I see in "page preview"?

    Thank you

  2. #2
    Senior Member gotFusion's Avatar
    Join Date
    Jan 2010


    Are you clicking on the "Preview" icon in the toolbar?

    Do you have the same issue if you do a local publish of the single page?
    NetObjects Fusion Cloud Linux enabled Web Hosting, support + training starts at $14.95
    NetObjects Fusion web Hosting and support + ASP + PHP + ColdFusion + MySQL + MS SQL
    FREE NetObjects Fusion Support & training comes with all web hosting accounts
    NetObjects Fusion Web Hosting:

  3. #3


    It may have to do with the width you see when you are working in design view and the width you see when you view the actual page. The background is going to be different widths on different resolution screens. When you are in design view, you don't see the entire screen width as you'd see it in your browser. There are margin markers on the left and various panels on the right (unless you've moved them). So it may be that the difference has to do with having a limited page width while working in design view, but having a different page width when viewing in the browser.

    I've added a couple of attachments. The one on the left shows the site in preview mode, so the graphic is centered within the layout area, but the background extends to the right. The one on the right shows design mode. The graphic is centered within the layout area, but the window is narrower than the preview window.

    Is this what is happening to you, or do you mean something else?
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	CenteredPreview..jpg 
Views:	192 
Size:	30.2 KB 
ID:	717   Click image for larger version. 

Name:	CenteredDesign..png 
Views:	194 
Size:	173.3 KB 
ID:	718  
    Last edited by Liz; 01-14-2011 at 05:55 PM. Reason: added screen shots

  4. #4
    Junior Member
    Join Date
    Jan 2011


    Thank you for your answers!
    Yes, i have the same problem when i publish the page. Now i dragged the gray ruler markers to make them coincide to the background image and it seems to work. So how do the margin markers work? Do they have to coincide with the background image?

  5. #5



    Different people will be using computers with different resolution screens to view your site, so no matter how careful you are, you're not going to get your content centered on the page for most people.

    You can center the layout in the browser using forum member gotFusion's tutorial:

    You should be aware that anything in the left masterborder will still be at the left side of the browser window, but the layout will be centered. IOW, there will be a larger gap between what you put in the Layout area and any buttons in the left masterborder in Preview than in Design. However, the content will be centered.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts