3 replies to this topic

[mpalasis]

I wish to use a full-width setup instead of the 960gs
or more likely something like 80-90% width (with a set min-width value of 960 as a fallback..)

By searching I found the 'Fluid 24 grid system' which is basically exactly what I was looking for, their site was broken (today?) but found the content on the archive: http://web.archive.org/web/20110707074638/http://www.fluidgrid.org/

I removed the css for 960_24_col and put in the fluid24 css.
It Looks fine on: Chrome, Firefox, IE9 and Safari. (looks good with 100 or 90% width, one or two minor alignment fixes; nothing obscure)
It Looks broken on: Opera. (box columns out of place, margins not obeyed... not to mention the fonts being overridden by opera's default stylesheet.. ough)


Opera snapshot: http://img20.imageshack.us/img20/6782/snapshotoscommerce231fl.png
Chrome snapshot: http://img109.imageshack.us/img109/6782/snapshotoscommerce231fl.png


My Questions:
Has anyone worked with that and figured out a way to fix the Opera alignment issues?
Or, perhaps is there a newer version of the fluid24 css than the one available on the internet archive (newer than ~2011-07-07)... ?

[Brainbug125]

Interesting...I am not a designer but i found a better explanation about that system

http://v1.jontangerine.com/log/2007/09/the-incredible-em-and-elastic-layouts-with-css

What is an Elastic Layout?


An elastic layout scales with users’ text size.

[mpalasis]

@Brainbug125


960gs default is a fixed-width framework.

Fixed uses pixels,
Elastic uses ems,
Fluid uses percentages.

[Brainbug125]

Ahhh Thank you Thank you..

I will go deeper