CSS Liquid Layout #2.2- (Fluid-Fixed)

Content Column: Fluid
Right Column: 200px

CSS Library: CSS 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 the right column beneath the main column and sets both to 100% of the window width when the user's browser is 600px wide or below. You can set the responsive breaking point 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