<HTML> development

The layout of this site consists of 4 <div> elements controlling the layout of the page. Each one of these has a one or more <div> elements providing the background and borders for the subsections.

<div id="header" align="center"> <!-- the heading graphic. -->

<img src="images/sitelogo.png" width="321" height="40">

</div>

<div id="content">

<!-- main content in a subsection <div> -->

</div><./p>

<div id="rightmenu">

<!-- right hand side content in a subsection <div> -->

</div>

<div id="leftmenu">

<!-- lefthand menu goes here in a subsection div.-->

</div>

This in effect returns the developer back to the original layout here. The order of the <div> elements is in effect arbitary. The same layout could be achieved by putting the menus before the content, the only limit is that the header element should come first. The actual order was chosen for users who cannot see the layout if they are using a non standards compliant browser. They see the header followed by the content and then the right hand side content followed by the left hand menu. This is a logical order for the materials.

previous | next

Creative Commons License
This work is licensed under a Creative Commons License.

Features

Page styles

contact the author

rob cornelius can be contacted here