This site will look much better in a browser that supports web standards, but it is accessible to any browser or Internet device.

CSS Layout Example


Tagline goes here

CSS Design

This is the right column.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Suspendisse neque arcu, ultrices commodo, pellentesque sit amet, ultricies ut, ipsum. Mauris et eros eget erat dapibus mollis. Mauris laoreet posuere odio. Nam ipsum ligula, ullamcorper eu, fringilla at, lacinia ut, augue. Nullam nunc.

Welcome

A Three Column Layout Using CSS

This layout is quite a bit more difficult to manipulate if you've cut your layout teeth on WYSIWYG editors like DreamWeaver or Front Page. Although most designers use CSS extensively for the "presentation" of font faces, font and background colors, font size and mousovers we very rarely use it to lay out a whole page. And there is a good reason for this. Browsers and CSS are not "standardized" yet. We will have to use hacks and "work-arounds" to display this page properly in all browsers and still be valid XHTML and (almost) valid CSS. Yet the time is coming when the "presentation" of the page (as CSS) will be separate from the "content" and tables will be used for "tabular content" (as they were meant to do) and not as layout devices. Download this Page and all CSS Files to learn more. The files are heavily commented in the code.

Paragraph Header 2 Goes Here

Fusce ac quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla quam, in condimentum augue lorem non tellus. Pellentesque id arcu non sem placerat iaculis. Curabitur posuere, pede vitae lacinia accumsan, enim nibh elementum orci, ut volutpat eros sapien nec sapien. Suspendisse neque arcu, ultrices commodo, pellentesque sit amet, ultricies ut, ipsum. Mauris et eros eget erat dapibus mollis. Select Link Three or Link Four navigation buttons to learn more.

Paragraph Header 3 Goes Here

LCurabitur posuere, pede vitae lacinia accumsan, enim nibh elementum orci, ut volutpat eros sapien nec sapien. Suspendisse neque arcu, ultrices commodo, pellentesque sit amet, ultricies ut, ipsum. Mauris et eros eget erat dapibus mollis. Mauris laoreet posuere odio. Nam ipsum ligula, ullamcorper eu, fringilla at, lacinia ut, augue. Nullam nunc.Select Link Five or Link Six navigation buttons to learn more.

Paragraph Header 4 Goes Here

Pellentesque id arcu non sem placerat iaculis. Curabitur posuere, pede vitae lacinia accumsan, enim nibh elementum orci, ut volutpat eros sapien nec sapien. Suspendisse neque arcu, ultrices commodo, pellentesque sit amet, ultricies ut, ipsum. Mauris et eros eget erat dapibus mollis. Mauris laoreet posuere odio. Select Link Seven or Link Eight navigation buttons to learn more.

Paragraph Header 5 Goes Here

Curabitur posuere, pede vitae lacinia accumsan, enim nibh elementum orci, ut volutpat eros sapien nec sapien. Suspendisse neque arcu, ultrices commodo, pellentesque sit amet, ultricies ut, ipsum. Mauris et eros eget erat dapibus mollis. Mauris laoreet posuere odio. Nam ipsum ligula, ullamcorper eu, fringilla at, lacinia ut, augue. Nullam nunc.Select Link Nine or Link Ten navigation buttons to learn more.

Frequently Asked Questions

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Suspendisse neque arcu, ultrices commodo, pellentesque sit amet, ultricies ut, ipsum. Mauris et eros eget erat dapibus mollis. Mauris laoreet posuere odio. Nam ipsum ligula, ullamcorper eu, fringilla at, lacinia ut, augue. Nullam nunc.Select Link Eleven or Link Twelve navigation buttons to learn more.