Microsoft Knowledge Base Email Alertz

(839358) - Discusses the problem where page elements move and change position when you preview a FrontPage Web page.

Search KbAlertz

Advanced Search

Receive Microsoft Knowledge Base articles by E-Mail?

Every night we scan the Microsoft Knowledge Base. If technologies you're interested in are updated, we'll send you an e-mail. You only get one e-mail a day, and only when new articles are added.

Click here to create a
FREE account
Already have an account?
[Click here to Login]











Microsoft Knowledge Base Article

This article contents is Microsoft Copyrighted material.
©2005-©2007 Microsoft Corporation. All rights reserved. Terms of Use | Trademarks

Article ID: 839358 - Last Review: June 4, 2007 - Revision: 2.2

The positions of text change when you preview a Web page in Expression Web, in SharePoint Designer, or in FrontPage by using "Preview in Browser"

SYMPTOMS

When you preview a Web page in Microsoft Expression Web, in Microsoft Office SharePoint Designer 2007, or in Microsoft FrontPage by using Preview in Browser, the positions of any text, pictures, or other items change and move about in the browser window as you resize the browser window.

CAUSE

This problem occurs when you use absolute positioning to position objects on the Web page. Absolute positioning permits you to put an element at an exact location on a page.

An absolutely positioned page element is independent from other elements on the page. It is positioned such that the upper left corner of the element is always at the same pixel coordinates. This behavior is unlike an inline element that would move in conjunction with other elements, float on top of, or sit behind other elements, such as text elements. Text does not flow around absolutely positioned elements.

When you view the element at different screen resolutions, the element might not be placed as you intended, although the element still appears at the pixel coordinates that you specified. When the screen resolution changes, the layout also changes because other page elements (such as text) are displayed differently. To make sure that your pages are displayed well to all site visitors, test your pages in a variety of browsers and screen resolutions.

WORKAROUND

To work around this problem, you can use tables to position various elements. When you create tables, you must use a set pixel width, instead of a percentage of page size width. Put the objects, pictures, text, and other elements in different table cells.

To create a fix width table, follow these steps:
  1. Put the insertion point where you want to insert the table.
  2. On the Table menu, point to Insert, and then click Table.
  3. Click to select the In pixels check box, and then type the width that you want the table to be in pixels.
  4. In the Rows box, type the number of rows that you want.
  5. In the Columns box, type the number of columns that you want.
  6. In the Alignment box, select the position for the table on the page.
  7. In the Border box, type the width that you want for the table border in pixels. If you do not want a border, type 0.
  8. To change the cell padding of the table (the space between a cell's border and the content), type a number in the Cell padding box.
  9. To change the cell spacing of the table (the space between cells), type a number in the Cell spacing box.

APPLIES TO
  • Microsoft Office SharePoint Designer 2007
  • Microsoft Expression Web
  • Microsoft Office FrontPage 2003
  • Microsoft FrontPage 2002 Standard Edition
  • Microsoft FrontPage 2000 Standard Edition
Keywords: 
kbprb KB839358
       

Community Feedback System

Very often, it takes hours to solve a problem. Very often, you've looked high and low, and have tried a lot of solutions. When you finally found it, chances are, it was because someone else helped you. Here's your chance to give back. Use our community feedback tool to let others know what worked for you and what didn't.

Please also understand that the community feedback system is not warranted to be correct, it's simply a system that we've built to let people try and help each other. If something in a feedback response doesn't make sense to you, or you're not comfortable making changes that the feedback talks about (like registry edits), please consult a professional.

Thank you for using kbAlertz.com Feedback System.

-- Scott Cate