Configure DIV-based layouts
-
- UpdatedJan 30, 2025
- 1 minute read
- Yokohama
- Content Management System
After you create your site, you can change the site layout with DIV tags.
Before you begin
Role required: content_admin or admin
About this task
Many web page layouts use tables for a consistent look and feel. Tables are effective for numbers and statistics, but can be limiting for designing other types of information. DIV tags are flexible block-element tags. To use DIV tags for layouts, give the tag an ID and assign attributes using CSS.
- simplify code
- reduce the amount of code
- increase page load speed
- separate content from presentation
- help pages adapt to different device resolutions
- make pages easier for search engines to crawl
- make code more compliant with evolving web page design standards
A theme named Administration Theme - Charcoal is included as an example of CSS-driven, DIV-based layouts. To view the Administration Theme - Charcoal DIV-based layout, complete the following steps.
Procedure
- Navigate to .
- Click Admin 1 Column
- Review the code.