This is an alternative layout of Prosimii. Notice the presence of a side menu on the left of page. If you are viewing this page in a fully standards-compliant browser, the side menu will scroll with the page. If you are viewing in Internet Explorer, however, the menu will appear stationary.
The following text is essentially the same as the previous page except elaborated.
Improved Cross-browser Compatibility
Before Prosimii, I did not test my designs in Opera prior to submitting them to OSWD. As a result, these templates don’t render properly in that browser. In contrast, Prosimii has been fully tested in Opera (7.01), Gecko (Mozilla Firefox 0.10.1) and Internet Explorer (6.0) for consistent rendering.
This means that people using standards-compliant browsers will see the same format and layout of your page.
- More robust screen stylesheet
- The improved cross-browser consistency is a result of Prosimii’s more comprehensive screen stylesheet. Major style parameters are explicitly defined in the stylesheet, resulting in less dependence on browser-determined defaults and thus fewer rendering idiosyncrasies.
- Addition of a print media stylesheet
- Prosimii has a print media stylesheet that styles the page in a format appropriate for black and white printing. To see the effect of this stylesheet, select print preview from the file menu, or direct this page to a printer (NB: print only this frame if you are viewing this template in a multi-frame document). Alternatively, if you're using Firefox, use the stylesheet switcher in the bottom right-hand corner of the browser window.
Prosimii incorporates accessibility features for people with impaired vision. The template tentatively conforms to the WCAG double A rating and § 508 guidelines for web content accessibility. The relative simplicity of the template’s underlying markup ensures that your page can be easily transformed for rendering in aural, tactile (braille) and other non-visual user agents.
Additionally, the majority of document metrics (widths, lengths and spacings) are font-size relative. This means that a user can increase the default font size of your page (using their browser) without compromising it’s layout.