Manualshelf

2018.1

ManualsBrandsObjectif Lune ManualsApplicationsPlanetPress Connect
631632633634635636637638639640
Table Of Contents
Using the CSS position property
An element can be positioned independently of the text flow by changing its position property
to absolute or to relative (that is, relative to the 'parent', its container).
When an element is placed inside another element, such as a Box, changing its position
property to absolute positions the element absolutely inside its parent.
With the position property of an element set to absolute, the top or bottom and left or right
properties position the element inside its parent with exact values: pixels (px), centimeters (cm),
etc. Negative values are allowed.
Tip
You can quickly change the position property of an element in a Print or Web section by right-
clicking it and selecting Convert to Absolute or Convert to Inline.
For an explanation of all values that the position property can possibly have, see
http://www.w3schools.com/css/css_positioning.asp.
Where to use it
In Print sections, setting the position property to absolute can be very useful. It takes the
element out of the text flow, so that the element stays where it is on the page. On Master Pages
(which are only used in Print sections) elements are always positioned absolutely; if not, they
must be located inside an element that has an absolute position.
In Web sections, setting the position property to absolute may sometimes be useful for
elements inside a Div element, but in general, elements should not be positioned absolutely.
Designs for the Web should be flexible so that they display nicely on a variety of devices and
screen sizes.
In Email sections, do not use this property. Use Tables instead (see "Designing an Email
template" on page415 and "Table" on page605).
How to use it
In the Formatting dialog the position property can often be found on the first tab, under
Positioning. To open the Formatting dialog, right-click the element and click the respective
element on the shortcut menu. Alternatively, select the element (see "Selecting an element" on
page526) and on the Format menu click the respective element.
Page 633