Re: [css-d] multi columns layouts in the Zen Garden, floating and positioning
I've just been going through what has been done at the Zen Garden and was wondering why the absolute positioning method is almost always used. Numbers: 31, Hedges 35, Release One 93, South of the Border 95, Corporate Zenworks 100, 15 Petals all use this position: absolute method to place the navigation links on one side - number 100, 15 Petals, is covered in More Eric Meyer on CSS. Douglas Bowman talks a little bit about designing in the Zen Garden (he did number 17, Golden Mean): http://www.stopdesign.com/log/2003/05/27/in_the_garden.html He writes here: This can potentially eliminate the option of using float as a means to group content into side-by-side columns. Such is the case when applying style to the Zen Gardens markup. Using position:absolute for a few of the divs frees us up to layout the page with pieces of content in specific positions without relying on their order within the markup. But I don't see the float option as being eliminated in the Zen Garden. More that it is a less flexible way of laying out the page... OR, I don't know what I'm talking about. Still, there are about 200 designs up and I've only gone thruogh about ten of them so far. I'll keep looking - just thought it might be easier (lazier) to ask in the mailing list :) --- cj [EMAIL PROTECTED] wrote: On 2/2/06, Christian Collins wrote: Does anyone know of a Zen Garden layout that floats the linkList div to the left or right of the main content? I've looked through 5 or 6 two-column layouts so far and they all use the position: absolute method. does it have to be zen garden layouts? if not, there are some nice two column layouts listed in the wiki, and i've heard the three column ones can usually be easily turned into two columns. http://css-discuss.incutio.com/?page=CssLayouts __ Find your next car at http://autos.yahoo.ca __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] multi columns layouts in the Zen Garden, floating and positioning
Christian Collins wrote: I've just been going through what has been done at the Zen Garden and was wondering why the absolute positioning method is almost always used. Zen Garden is about looks - not about practical design. AP-based layouts work well when it's all about looks - as long as no one challenges them. A lot of those Zen Garden creations are completely lost when subjected to simple font-resizing in a browser - any browser, but that doesn't matter there. But I don't see the float option as being eliminated in the Zen Garden. More that it is a less flexible way of laying out the page... OR, I don't know what I'm talking about. Floats will behave like floats - always, and can't be positioned freely without some extra markup. That's a no-no in the Zen Garden. In practical design OTOH there are no such limits, which makes float-based layouts a lot more flexible/scalable than AP-based layouts can ever be. Combining floats, flow and AP in the same layout - using floats and flow for the major parts and AP for bits and pieces - gives us the best of both worlds, and is probably the best option at hand today. Some of the Zen Garden designs use such combinations to their advantage, and will actually work in the real world. Others are created as static and non-scalable as a screenshot, and tend to break when subjected to any real-world browser-options. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] multi columns layouts in the Zen Garden, floating and positioning
On 2/5/06, Christian Collins [EMAIL PROTECTED] wrote: I've just been going through what has been done at the Zen Garden and was wondering why the absolute positioning method is almost always used. Please don't use the Zen Garden for layout examples. It's nice inspiration, but looking under the hood is usually not useful. Then again, if you want columns and you don't intend to use a footer, absolute positioning usually works just fine :) -- -- Christian Montoya christianmontoya.com ... rdpdesign.com ... cssliquid.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] multi columns layouts in the Zen Garden, floating and positioning
On 2/2/06, Christian Collins wrote: Does anyone know of a Zen Garden layout that floats the linkList div to the left or right of the main content? I've looked through 5 or 6 two-column layouts so far and they all use the position: absolute method. does it have to be zen garden layouts? if not, there are some nice two column layouts listed in the wiki, and i've heard the three column ones can usually be easily turned into two columns. http://css-discuss.incutio.com/?page=CssLayouts __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/