Font size:

Apache Forrest Notes

Fixed Width <body>

Although probably not 100 percent correct in terms of accessibility a fixed width design was chosen for this site as a matter of personal taste. The pelt skin in Apache Forrest 0.7 does not lend itself to this task and has to be modified slightly.

CSS Design

Hints were taken from Andy Budd's blog; some nice CSS designs can also be found on the Brit Pack sites.

1. Add a <div> tag around the content

In order to create a page with a centered, fixed width area a construct like the following is used:

...
<body>
  <div id="bodyWrapper">

    ... other page elements ...
        
  </div>
</body>
...

The <div id="bodyWrapper"> tag surrounding the complete content has to be added to {FORREST_HOME}\main\webapp\skins\pelt\xslt\html\site2xhtml.xsl .

2. Format the page via CSS

Add entries like the following to the skinconf.xml file of your project (see {PROJECT_HOME}\src\documentation\skinconf.xml):

body {
  text-align: center;     <!-- center the following <div> block (IE specific)-->
  min-width: 964px;       <!-- keep the minimum width even when the browser window resizes -->
  background: #999999;    <!-- surrounding colour on the left and right -->
}

#bodyWrapper {
  margin: 0 auto;         <!-- no margin at top, bottom; autoadjust on the left and right -->
  width: 964px;           <!-- width of the page -->
  text-align: left;       <!-- left adjust the following text and blocks -->
}