The Tanzarine web site has been updated to create new page layouts and functionality, but retaining the previous styling based on the company's branding and logo. As with previous changes, the transition was made smoother thanks to the use of XML and XSLT to separate the layout information from the content information.
All of the existing site features, such as automatic index page generation, automatic hierarchical navigation link generation, and the creation of XML RSS documents containing easily exportable index information, have been retained.
The main change in this redesign is the use of CSS Positioning instead of HTML tables for setting the layout. This technique improves accessibility to the site, as all positioning is handled via a style sheet, which can be easily ignored by the browser if necessary without impacting on the actual information presented on the pages.
Whilst the development has been intentionally cross-browser, there are some minor issues with layout, as follows.
The layout positions header and footer artefacts relative to the top and bottom of each page. Whilst this does not create problems for most of the pages on the site, where a page has relatively few lines of content on it, the footer elements may overlay the header elements, including the navigation on left hand side. Whilst pages where this is a clear problem have been identified and addressed, all pages will inevitably "shrink" in the vertical direction if the window area is maximised fully, as use of all available space was one of the requirements of the site design. This will also occur if the font setting on the browser is reduced to a very small size. Any other occurrences of this phenomenon should be reported to [email protected] so that they can be addressed.
This does not display a continuous line in the top-left corner of the layout. Also, in some circumstances, the browser vertical scrollbar may increase incorrectly on page reload. This can be recovered by maximising and then restoring the window.
This does not display a continuous line in the bottom-right corner of the layout for some font size settings.