This layout width fluid centre only
This is the left content : this is the left content : This is the left content : this is the left content : This is the left content : this is the left content : This is the left content : this is the left content : This is the left content : this is the left content : This is the left content : this is the left content : This is the left content : this is the left content : This is the left content : this is the left content : This is the left content : this is the left content : This is the left content : this is the left content :
Note: because this is a 3 column fluid layout then there has to be some lee-way between columns to soak up any rounding errors which is the reason that there may be some space between columns.
This is the right content :This is the right content : This is the right content :This is the right content : This is the right content :This is the right content : This is the right content :This is the right content : This is the right content :
This is a 3 column layout using percentage width columns. Each column can have a full length border and a different background colour and no images are required for this.
This layout uses my negative margins technique once again to achieve the effect of the three columns. The 2 outer wrappers supply the left and right column colours and the middle column supplies the middle column colour and is used as the main container in most respects. The left and
right floats are floated out of the middle container and into the gaps at the side created by margins on the inner and middle wrappers.