is jlayout is able to sort 20 div and auto fit them ?

44 views
Skip to first unread message

rodlehiboo

unread,
Dec 30, 2010, 8:12:22 PM12/30/10
to jLayout
the plugin seems to be powerful.


but imagine, I want 20 div (30 ... it's an example) with the same
class (archive wordpress page ) .... is it possible to put all of them
at 100% on a page and autoresize depending the browser / window
resolution ?

I have spent 3 hours to search, and your plugin seems have the "good"
approach I would like.

Bram Stein

unread,
Jan 3, 2011, 4:48:11 AM1/3/11
to jLayout
Hi,

What you describe sounds feasible, but I can't say for sure without
more details. You might even be able to do it with just plain HTML and
CSS.

Bram

Rod MAURICE - Le HibOO

unread,
Jan 3, 2011, 4:58:16 AM1/3/11
to jla...@googlegroups.com
I'm Bram.

Thanks for this beginning of answer but ... it doesn't help me really :) If it's possible to do it with CSS3, I haven't seen properties to autofit xxxxxx div inside a scalable div. Maybe by playing with min-width and max-width .... but I'm not really sure. I have searched a couple of hours without any answer. As if I was the one to want this (and it's very weird)


2011/1/3 Bram Stein <b.l....@gmail.com>
--
You received this message because you are subscribed to the Google Groups "jLayout" group.
To post to this group, send email to jla...@googlegroups.com.
To unsubscribe from this group, send email to jlayout+u...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/jlayout?hl=en.


Bram Stein

unread,
Jan 3, 2011, 5:03:33 AM1/3/11
to jla...@googlegroups.com
Hi,

What I meant was that I didn't completely understand your
requirements. You say you have 20 elements, how do you want them
visually laid out:
<----100%---->
[ 1, 2, 3, .... ]

or:
<----100%---->
[ 1 ]
[ 2 ]
[ 3 ]
[ .... ]

Or something completely different? Without knowing that, I can't say
whether or not my plugin can help you.

Bram

Rod MAURICE - Le HibOO

unread,
Jan 3, 2011, 5:07:11 AM1/3/11
to jla...@googlegroups.com
Ah ok : don't move, I'll do a JPG :)

Rod MAURICE - Le HibOO

unread,
Jan 3, 2011, 5:13:46 AM1/3/11
to jla...@googlegroups.com
So 

http://www.le-hiboo.com/dwl/grid-idea.jpg


It illustrates your first part, I think.




2011/1/3 Rod MAURICE - Le HibOO <r...@le-hiboo.com>

Bram Stein

unread,
Jan 3, 2011, 5:18:56 AM1/3/11
to jla...@googlegroups.com
Thanks, that helps. A couple of questions:

* Should the grid cells remain exactly the same size, or resize when
the browser window is resized?
* Do the cells need to retain their aspect ratio?
* If the grid cells are of fixed size or aspect ratio, what should
happen with the left over space?

Bram

p.s. have you considered a table at 100% width and height?

On Mon, Jan 3, 2011 at 11:13 AM, Rod MAURICE - Le HibOO

Rod MAURICE - Le HibOO

unread,
Jan 3, 2011, 5:24:00 AM1/3/11
to jla...@googlegroups.com
* Should the grid cells remain exactly the same size, or resize when
the browser window is resized?
»»»»»» resize when the browser window is resized? (if we speak the same language : at 1600x1200 imagine the divs = 200x180px ... at 1024 they become 130x ...)

* Do the cells need to retain their aspect ratio?
»»»»»» if it's possible, yes : all inside can be scaled, or changed (I know with css3, it's possible now to truncate texts properly)

* If the grid cells are of fixed size or aspect ratio, what should happen with the left over space?
»»»»»» good question, I never thought at this possibility because I see something "fluid".

And of course, if it's "too hard", the div can contain only a picture (even in CSS via background property) and a title.

Thanks for time you take !




2011/1/3 Bram Stein <b.l....@gmail.com>
Reply all
Reply to author
Forward
0 new messages