PageRenderTime 12ms CodeModel.GetById 8ms RepoModel.GetById 1ms app.codeStats 0ms

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

http://floatz.googlecode.com/
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. * @section Page container (overloaded)
  18. * @app-base_css fluidfloatz.layout.css
  19. *
  20. * Adds fluid layout and min-width (default 1024x768) support to page container.
  21. */
  22. #flz_page {
  23. min-width: 985px;
  24. width: 100%;
  25. }
  26. /**
  27. * ---------------------------------------------------------------------------------------
  28. * @section Min-width container
  29. * @css-for IE 5+, IE 6
  30. * @valid true
  31. * @see http://www.cssplay.co.uk/boxes/minwidth.html
  32. *
  33. * Adds min-width support for IE <= 6 by adding additional markup to the html page. Use
  34. * additional containers in the following order: #page #minwidth #minwidthcontent #...
  35. * If you use IE 7+ you can omit these containers, because min-width is set to #page
  36. * container in fluid layout mode by default.
  37. */
  38. * html #flz_minwidth {
  39. border-left: 985px solid #fff; /* must be same as #page width */
  40. position: relative;
  41. float: left;
  42. }
  43. * html #flz_minwidthcontent {
  44. margin-left: -960px; /* must be 25px less (!) than #page width */
  45. position: relative;
  46. float: left;
  47. }