When Twin Creations was still a twinkle in our eyes, we always had difficulty creating those uber-cool layout's one see's scattered across the great 'www'. Going from table based layouts to css based layouts was sometimes a very trying experience. So looking back and wanting to help those just starting out the way we were helped, we decided to put together a collection of some of the most common layouts out there. Here you will find our collection of basic layouts, all are tested cross-browser compatible on the windows platform.


--------------------------------------------------------------------


Layout-1 Layout-2

This is a 3 column layout, the center is fluid with the left and right hand column's fixed.


This is a 2 column layout, the left hand column is fixed with the center being fluid.

 
Layout-3 Layout-4

This layout has no column's. It has a fluid header, center and footer.


This is a reverse of layout 2. The column is on the right hand side, with the center being fluid.

 
Layout-5 Layout-6

This is a 3 column layout. It is a fixed width layout and has been optomised for viewing at 1024x768 resolution.


This is a 2 column layout, the same as layout 5 it has a fixed width for 1024x768 resolution viewing.

 
Layout-7 Layout-8

This is a reverse 2 column layout. It has a fixed width right hand column.


This is another no column layout. It is fixed width for 1024x768 resolution.


--------------------------------------------------------------------