Dynamic Drive CSS Layouts- Three Columns

The following are three columns CSS based templates. Two types of layouts are available- fixed layouts and and liquid layouts.

Page 1 of 2 pages 1 2 >

CSS Fixed Layout #3.1- (Fixed-Fixed-Fixed)

Fixed Layout type:

3 No. of columns:

FixedFixed Fixed Columns setup:

CSS Fixed Layout #3.2- (Fixed-Fixed-Fixed)

Fixed Layout type:

3 No. of columns:

FixedFixed Fixed Columns setup:

CSS Fixed Layout #3.3- (Fixed-Fixed-Fixed)

Fixed Layout type:

3 No. of columns:

FixedFixed Fixed Columns setup:

CSS Left and Right Frames Layout

This is a three columns liquid layout with the leftmost and rightmost columns being static, always in view.

CSS Liquid Layout #3.1- (Fixed-Fluid-Fixed)

Fixed Layout type:

3 No. of columns:

FixedFixed Fixed Columns setup:

CSS Liquid Layout #3.2- (Fluid-Fluid-Fixed)

Liquid Layout type:

3 No. of columns:

FluidFluid Fixed Columns setup:

CSS Liquid Layout #3.3- (Fluid-Fluid-Fluid)

Fluid Layout type:

3 No. of columns:

FluidFluid Fluid Columns setup:

CSS Liquid Layout #3.4- (Fluid-Fixed-Fixed)

Fluid Layout type:

3 No. of columns:

FluidFixed Fixed Columns setup:

CSS Liquid Layout #3.5- (Fluid-Fluid-Fixed)

Fluid Layout type:

3 No. of columns:

FluidFluid Fixed Columns setup:

CSS Liquid Layout #3.6- (Fluid-Fixed-Fluid)

Fluid Layout type:

3 No. of columns:

FluidFixed Fluid Columns setup:

Page 1 of 2 pages 1 2 >