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

Content Column: Fluid
Left Column: 20%
Right Column: 180px

CSS Library: CSS Layouts: Three Columns & Liquid Layouts: Here

Instructions: CSS Liquid Layout #3.9- (Fluid-Fluid-Fluid) [View Demo]

Description: This is a 3 columns fluid layout with a default width of 100%. All 3 columns are fluid, and adjust accordingly as the window is resized.

Responsive Behavior:

You can set the responsive breaking points near the end of the CSS below. If you wish to disable this behavior completely, remove the "viewport" meta tag near the top of the page, plus the CSS following the "#responsive layout CSS#" section of the stylesheet.

Layout Source:

CSS Equal Columns Height script: Need the height of all the columns in this CSS layout to be the same? Use this plug and play script on it.

Copyright 2015 Dynamic Drive Read Usage Terms here