main-frame

header-panel

notice

content-panel

lhsPanel

SingleFrame - HTML/CSS Framework

There is a single top level division (blue-dash boxe) called main-frame. This division extends the entire width of the browser and provide a element for tiling background images.

Within the frame, there are three panel divisions (gray-dash boxes) called header-panel, content-panel and footer-panel. The panel divisions are centered within the frame division and provide a means for controlling background images and colors.

Within the content-panel, you can place other divisions to create a three column layout using floating divisons.

You can place navigation links either in the header-panel (navigation line) or within the lhsPanel or rhsPanel elements.

You can add more elements within each panel as required.

rhsPanel