In 10Web Website Builder, elements can be positioned using different methods to fit your design needs. The default is Static, where elements follow the natural page flow. Absolute positioning allows placement relative to the first parent, offering layout flexibility, while Fixed positioning anchors elements to the viewport, keeping them visible during scrolling. Each method supports creative and functional design.
Setting an element to absolute position
Setting elements to absolute positions is a great way to achieve dynamic visual content on your website. While Absolute positioning offers greater freedom, it's not typically recommended for creating entire web page layouts due to potential issues with responsiveness.
To set an element to an absolute position:
- Navigate to the element and select it to trigger its settings.
- Click on the Advanced tab > Layout.
- Next to Position, choose the Absolute option from the dropdown to activate absolute positioning.
- Drag and drop the element to your desired location on the page or
- Enter specific X and Y coordinates in the Horizontal and Vertical offset scales for precise positioning.
Note:
Horizontal and Vertical offsets determine the reference point for the absolute positioning. You can choose Start or End for both horizontal and vertical orientations.
Setting an element to a fixed position
Fixed positioning, while not offering the same level of layout freedom as Absolute positioning, is instrumental in creating a user-friendly and responsive website. This approach ensures a broader audience reach by enhancing the overall user experience.
To set an element to a fixed position:
- Navigate to the element and select it to trigger its settings.
- Click on the Advanced tab > Layout.
- Next to Position, choose the Fixed option from the dropdown to activate fixed positioning.
- Drag and drop the widget to any position on the page.
Note:
The fixed position is relative to the viewport and differs from the Sticky position, which is relative to the section it's placed in.