Absolutely positioned elements appear in unexpected locations in WebFacing

Elements previously customized with an absolute position property show up in unexpected locations after migration.

WebFacing includes support for positioning DDS elements using Cascading Style Sheet Positioning (CSS-P) technology. With this support, the WebFacing application area becomes a "containing block". In accordance with the CSS specification, absolutely positioned elements are positioned relative to this containing block.

Take one of the following actions to place the elements in their desired positions:

• Use the WebFacing support for Cascading Style Sheet - Positioning instead of your own absolute positioning. (Recommended)
• Use relative positioning (instead of absolute positioning) since relative positioning is always relative to the field's original position.
• Adjust the absolute positioning coordinates, keeping in mind that the elements are now positioned relative to the containing block of the application area.
• Remove the two occurrences of style="position:relative" from ScreenBuilder.jsp in \WebContent\webfacing\jsp\common\html for your WebFacing project if you do not want to change your absolute positioning coordinates and do not want to use the WebFacing support for Cascading Style Sheet - Positioning.

Parent topic: Troubleshooting WebFacing applications