/floatz.dev.kit/sandbox/combobox/styles/floatz.layout.liquid.css
CSS | 51 lines | 14 code | 4 blank | 33 comment | 0 complexity | 30fc0151e38d89acc5680acfb34f84fc MD5 | raw file
1/***************************************************************************************** 2 * floatz.layout.liquid.css 3 * --------------------------------------------------------------------------------------- 4 * Basic layouting elements for fluid layout 5 * 6 * @project floatz CSS Framework 7 * @version 1.1.1 8 * @see http://code.google.com/p/floatz/ 9 * @author Harald Humml 10 * @copyright Copyright (c) 1998-2010 by :humml:design 11 * @link http://design.humml.eu/toolbox/floatz 12 * @license Apache License 2.0 http://www.apache.org/licenses/LICENSE-2.0 13 * @lastmodified 2010-02-02 14 */ 15 16/** 17 * --------------------------------------------------------------------------------------- 18 * @section Page container (overloaded) 19 * @app-base_css fluidfloatz.layout.css 20 * 21 * Adds fluid layout and min-width (default 1024x768) support to page container. 22 */ 23 24#flz_page { 25 min-width: 985px; 26 width: 100%; 27} 28 29/** 30 * --------------------------------------------------------------------------------------- 31 * @section Min-width container 32 * @css-for IE 5+, IE 6 33 * @valid true 34 * @see http://www.cssplay.co.uk/boxes/minwidth.html 35 * 36 * Adds min-width support for IE <= 6 by adding additional markup to the html page. Use 37 * additional containers in the following order: #page #minwidth #minwidthcontent #... 38 * If you use IE 7+ you can omit these containers, because min-width is set to #page 39 * container in fluid layout mode by default. 40 */ 41 42* html #flz_minwidth { 43 border-left: 985px solid #fff; /* must be same as #page width */ 44 position: relative; 45 float: left; 46} 47* html #flz_minwidthcontent { 48 margin-left: -960px; /* must be 25px less (!) than #page width */ 49 position: relative; 50 float: left; 51}