Dear Massimo, This is my first post to web2py :)
I proposed to have a look at Fluid 960 Grid System [1] example. [1] http://www.designinfluences.com/fluid960gs/ What you want to accomplish is (almost) doable, except for the "static" part. If you resize the browser, the static area (left section menu) will not "fluid" nicely like the other area. If we can forget about "static" area, and just let Fluid 960 Grid System do the magic, we can resize the browser and yet still have a proportional display for each area. Please try using the above link and resize your browser, you will see that the [Section Menu] will fluid nicely alongside the other. As a web framework, web2py developer will deals with lots of form elements, and I think that Fluid 960 Grid System [1] will be a good alternative to beautify web2py layout, because it contains almost all form elements in a very nice design. >From the basic tutorial [2], I believe everybody here can master the grid system in no more than 5 minutes :) [2] http://divitodesign.com/css/960-css-framework-learn-basics/ Using Fluid 960 Grid System, what you want to do can be accomplished like below: <html> <div class="container_16"> <div class="grid_16">web2py brand, 16 grids = 16 * 60 px</div> <div class="clear"></div> <div class="grid_4"> Left Menu, 4 grids = 4 * 60 px </div> <div class="grid_6"> Column 1, 6 grids = 6 * 60 px </div> <div class="grid_6"> Column 2, 6 grids = 6 * 60 px </div> <div class="clear"></div> <div class="grid_16">web2py footer, 16 grids = 16 * 60 px</div> <div class="clear"></div> </div> </html> Please check. Side note: Some interesting statistic about "css framework" on delicious: ------------------------------------------------------------------------- No. Title Bookmark Count ------------------------------------------------------------------------- 1. 960 Grid System: 17,962 2. Blueprint CSS Framework: 8,690 3. Yahoo! UI Library: Grids CSS: 4,651 4. Fluid 960 Grid System: 3,219 <-- based on 960 Grid System (1) 4. BlutTrip: 1,394 5. oocss: 1,265 6. the-golden-grid: 1,259 7. SenCSs: 604 8. ez-css: 445 Abd Shomad 2010/3/19 mdipierro <mdipie...@cs.depaul.edu>: > I played with ez-css (which I like) but yet it reminded why I used > tables. Here is my problem and I am sure it is just me being dumb. Say > I want a header, a footer and two columns in between. I want the left > column of fixed with (a menu, 200px) and a right column to foll the > rest of the space (content). Because of the way it works (and most of > these frameworks work the same way), the columns float to right > therefore I must specifycontent before the menu. Hence I cannot find a > way to make the menu fixed width and the content fill the rest of the > space without messing up the alignment of the boxes. Can you do it? > > Massimo > > On Mar 18, 11:46 pm, Yarko Tymciurak <resultsinsoftw...@gmail.com> > wrote: >> On Mar 18, 10:31 pm, mdipierro <mdipie...@cs.depaul.edu> wrote: >> >> > The problem I see is that it is too simple. >> > sizeXofY does not seem to guarantee that all columns have the same >> > lenght (ez-css does it). >> > I like to have the menu column fixed width and the main column elastic >> > and it does not do that (not sure if ez-css does). >> >> I have installed ez-css to try out / play with... it does do fixed >> width + variable width columns: >> >> In multiple ways, actually (depending on how you nest it); >> seehttp://www.ez-css.org/layouts >> >> See module 2A, 2B, layout 2, layout 3, etc.... >> >> Each of these use "ez-50", a 50% width element, or "ez-33", a 33% >> width element. >> >> ez-css encourages you to create your own width element if the pre- >> defined ones don't "do it" for you - so, create a >> ez-500px, and you'd have what you want. >> >> This seems like a really clean, easily modifiable and "combinable" >> package... I'm going to play with it in the next few days to see how >> my opinion holds up in use. >> >> - Yarko >> >> >> >> > On Mar 18, 8:59 pm, villas <villa...@gmail.com> wrote: >> >> > > Ez-css seems like a good enough option, but before making your mind >> > > up, have a look at the simplicity of oocss.org/grids_docs.html (with >> > > Firebug). Oocss might give more possibilities, but admittedly, is >> > > heavier. > > -- > You received this message because you are subscribed to the Google Groups > "web2py-users" group. > To post to this group, send email to web...@googlegroups.com. > To unsubscribe from this group, send email to > web2py+unsubscr...@googlegroups.com. > For more options, visit this group at > http://groups.google.com/group/web2py?hl=en. > > -- Salam, Abd Shomad -- You received this message because you are subscribed to the Google Groups "web2py-users" group. To post to this group, send email to web...@googlegroups.com. To unsubscribe from this group, send email to web2py+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/web2py?hl=en.
