2-Column CSS Layout
This is a basic and mostly barebones CSS layout for your typical 2-column layout. It is a fixed width of 770px, which centers nicely on the majority of desktop setups.
I've included the stylesheet in with the html. Click view source on your browser. Copy and paste the markup in your html editor. Customize it however you like.
Everything you need with no extra calories
- Header
- Sidebar
- Main content area
- Footer
Quisque rhoncus dignissim justo. Sed molestie consectetuer ligula. Vestibulum et mauris tempor mauris interdum fermentum. Nulla urna arcu, venenatis quis, laoreet ut, imperdiet non, metus.
Aliquam nulla enim, laoreet vel, consectetuer sed, sodales consectetuer, nisi. Donec pede leo, tincidunt ac, fringilla in, euismod sed, massa.
Quisque eget metus congue justo consequat varius. Donec nibh magna, eleifend id, tristique sed, aliquet sit amet, nisi. Aenean nulla neque, ultricies vel, facilisis condimentum, aliquet nec, urna. Nam id nisi. Nunc a ante et purus aliquam ultrices. Duis ligula tortor, congue sit amet, porta et, commodo sed, quam. Quisque eu magna. Donec pharetra tristique felis.
Sub-head
Fusce malesuada, pede et faucibus condimentum, lacus velit malesuada ante, id rhoncus lacus nulla et justo. Phasellus scelerisque, neque et rutrum accumsan, erat ante ultricies justo, ac tincidunt tellus pede sit amet est. Nulla accumsan lobortis lorem. Donec in sapien. Donec a pede. Ut vitae nunc. Cras consequat laoreet ipsum.
Aenean consectetuer interdum nisi. Quisque non leo sed arcu interdum adipiscing. Etiam quis ligula id nibh laoreet posuere.