/floatz.dev.kit/sandbox/combobox/styles/floatz.layout.liquid.css

 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}