Page Properties Style tab

Select which container of this page to apply the CSS styles. There are six containers: body, outer-container, container, header-area, content-area and footer-area. The following table lists the position of each container and their size. Please note that the header-area, content-area and footer-area exist only when the content area and footer area are defined in the template page.

 

Container	Position	Width	Height
body	the lowest of all containers	the width of the browser	the height of the browser
outer-container	above the body container	the width of the browser	the height of the browser
header-area	above the outer-container	the width of the browser	From the top of the page to the top of the content-area
content-area	above the outer-container	the width of the browser	Start from the bottom of the header-area and extend to the top of the footer-area
footer-area	above the outer-container	the width of the browser	Start from the bottom of the content-area and extend to the height of the actual contents of the footer-area
container	above the header, content and footer area	the width of the actual contents of a page	the height of the actual contents of a page

 

Show a list of styles applied to the selected container.

Add a style to the selected container by selecting from a list of available styles.

Remove the selected styles from the list.

Open the CSS Style Editor Dialog to edit the selected style.