CSS Liquid Layout #2.2- (Fluid-Fixed)

Content Column: Fluid
Right Column: 200px

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

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

Description:This is a 2 columns liquid layout with a default width of 100%. For the columns themselves, the content column is fluid, while the right column is explicitly fixed.

Responsive behavior: The layout drops down the right column beneath the content column and makes both column fluid in dimensions when the user's browser/device width is 600px or below. To disable the responsive behavior, remove the "viewport" META tag in the HEAD section of the page, plus the CSS that comes after the "responsive layout CSS" section.

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 2006 Dynamic Drive Read Usage Terms here