Article ID: 839358 - View products that this article applies to.
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.
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.
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:
Article ID: 839358 - Last Review: June 4, 2007 - Revision: 2.2