Sed tristique sit amet ante quis sollicitudin. Nullam dictum malesuada est. Nulla in iaculis nisl, in ultricies erat. In sagittis turpis eu congue egestas. Mauris sit amet nibh et sem feugiat gravida eget et leo. Maecenas laoreet nisl sit amet elit suscipit sodales. Maecenas pulvinar dui vel erat feugiat, cursus placerat erat sagittis. Phasellus bibendum lacinia condimentum. Sed porta commodo urna, vitae lobortis eros posuere a. Nunc in orci in lorem egestas accumsan. Morbi ultrices mi a orci posuere, non lobortis leo dictum. Vestibulum cursus nulla at purus posuere, eget pretium ante feugiat. Proin sit amet est lectus. Ut magna massa, rhoncus vel magna non, placerat tempor odio. Vestibulum eget semper quam. In pulvinar non orci nec efficitur.

Equal height columns

It does not matter how much content is in each column, the background colours will always stretch down to the height of the tallest column.

5 Column Dimensions

Each column is 20% percent wide with 2 percent padding on each side.

No CSS hacks

The CSS used for this 5 column layout is 100% valid and hack free. To overcome Internet Explorer’s broken box model, no horizontal padding or margins are used. Instead, this design uses percentage widths and clever relative positioning.

No Images

This five column layout requires no images. Many CSS website designs need images to colour in the column backgrounds but that is not necessary with this design. Why waste bandwidth and precious HTTP requests when you can do everything in pure CSS and HTML?

No JavaScript

JavaScript is not required. Some website layouts rely on JavaScript hacks to resize divs and force elements into place but you won’t see any of that nonsense here.

Valid XHTML strict markup

The HTML in this layout validates as XHTML 1.0 strict.

This layout is FREE for anyone to use

You don’t have to pay anything. Simply view the source of this page and save the HTML onto your computer. My only suggestion is to put the CSS into a separate file. If you are feeling generous however, link back to this page so other people can find and use this layout too.

Cross-Browser Compatible

This 5 column layout has been tested on the following browsers:

iPhone & iPod Touch

  • Safari


  • Safari
  • Firefox
  • Opera 9
  • Netscape 7 & 9


  • Firefox 1.5, 2 & 3
  • Safari
  • Opera 8 & 9
  • Explorer 5.5, 6 & 7
  • Google Chrome
  • Netscape 8

Showing all 35 results