Layout methods used in Zen's CSS
Drupal 7 will no longer be supported after January 5, 2025. Learn more and find resources for Drupal 7 sites
The CSS layout method used in the core Zen theme is based on the mostly undocumented “Zen Columns” layout method. The theme developer can use a liquid layout or fixed-width layout that is extremely flexible and has source-ordered XHTML, meaning the main content comes before anything else in the XHTML source, but does not necessarily come first in the visual display of the page.
The parts of the page are placed in the XHTML in the following order:
- Header
- Content
- Navbar
- Left sidebar
- Right sidebar
- Footer
But the page will visually appear to be presented to the user in the following order:
- Header
- Navbar
- Left sidebar
- Content
- Right sidebar
- Footer
Since the content is placed near the top of the XHTML source, both accessibility and search engine optimization will be greatly improved.
Help improve this page
You can:
- Log in, click Edit, and edit this page
- Log in, click Discuss, update the Page status value, and suggest an improvement
- Log in and create a Documentation issue with your suggestion