Currently zen-7.x-3.x-dev support both fixed and liquid width layout. Is it also possible to provide fluid width design as reference in STARTERKIT? Therefore:

  • Minimal 780px: for no sidebar or single sidebar.
  • Minimal 960px: for two sidebars.
  • Maximum 1200px: for any layout design.

Comments

hswong3i’s picture

Status: Active » Needs review
StatusFileSize
new14.27 KB

I just clone the layout-liquid.css with minor changes:

--- zen-internals/css/layout-fluid.css  2011-03-09 02:18:40.410864205 +0800
+++ zen-internals/css/layout-liquid.css 2011-03-09 02:18:40.410864205 +0800
@@ -19,19 +19,12 @@
 /*
  * Body
  */
-body /* minimum support 800x600 */ {
-  min-width: 780px; /* Don't allow the browser to make the site unreadable. */
-}
-
-body.two-sidebars /* minimum 1024x768 for two-side bar */ {
-  min-width: 960px; /* Don't allow the browser to make the site unreadable. */
+body {
 }

 #page-wrapper,
-.region-bottom /* maximum support 1280x1024 */ {
-  margin-left: auto;
-  margin-right: auto;
-  max-width: 1200px;
+.region-bottom {
+  min-width: 960px; /* Don't allow the browser to make the site unreadable. */
 }

 #page {

Any idea or suggestion?

johnalbin’s picture

Status: Needs review » Closed (duplicate)

For a while now I've know that the CSS used by Zen's layout files is way too complex for the majority of subtheme authors. Since last year, I've been playing with Sass and since the new year I've been working on a Compass plugin that will make creating responsive layouts really simple. See http://zengrids.com

I'm going to close this as a duplicate of #1181622: Add responsive layouts to Zen