Free JavaScripts provided
by The JavaScript Source




LAYOUT TECHNIQUES: 2 columns, ALA style

leftcontent

#main {
float:left;
width:67%;
background:#fff;
border-right:2px solid #000;
border-bottom:2px solid #000;
margin-right:15px;
padding-bottom:20px;
	}

Chapter Website


Here is some basic content page designed with "Layered menu" and a banner (graphic) across the top. This is best suited for chapter web sites that have few or limited subordinate pages - pages that require a link from top page. To use this style reply with "Layered menu".

At a minimum, Chapters should link to the FLSSAR website,the National SAR website, and chapter content e.g., officers, chapter meeting schedule, newsletters. Additional links might include local area information, local DAR chapter(s) links, or local historical societies. Any quantity of links needed beyond this amount, you should seriously consider using drop down menus with pop-out sublevels.

Greeking

Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah

Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah

Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah

Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah

Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah Blah Blah blah blah

rightcontent

This page is part of CSS Layout Techniques, a resource for web developers and designers.

Other Layout Techniques:
3 columns, the holy grail
2 columns, ALA style
4 columns, all fluid
3 columns, all fluid
static width and centered
nested float

Does it validate?