SOLVED: hot to sort div different size to page

Posted by Jure on November 11, 2012 at 10:49pm

Hi,

Im doing view, which prints experiences of different volunteers:
http://www.brontosaurivhimalajich.cz/testsite/zkusenostidobrovolniku
view prints photografy, name and experinece in to div tags. Size of each div differs based on amount of text writen by volunteer. Div are printed randomly.

How to match those boxes to fill all free space in page printed by view? Any ideas or guadience?

Thanks in the advance!
Jirka

Comments

=-=

Posted by VM on November 12, 2012 at 12:00am

sounds like you want equal heights

Hi, I think that it dont

Posted by Jure on November 12, 2012 at 9:05pm

Hi, I think that it dont solve my problem, equal heigths can be easily set by view itself, even if I reduce height it dont solve problem, see this
www.brontosaurivhimalajich.cz/Slozka/DivIssue.jpg
any other ideas?

=-=

Posted by VM on November 12, 2012 at 10:45pm

which views style is being used? you may have to utilize a custom tpl.php file that moves the views content divs outside of the views container div

Hi, Style: Semantic views Row

Posted by Jure on November 13, 2012 at 12:49am

Hi,

Style: Semantic views
Row Style: Semantic views: Fields

I already founded that it is possible to set absolute position for div and and calculate its position based on size of content of div (and also provious printed divs). This seems to me complicated, it is here something more easy?

Thanks for reply
Jirka

Please is there any one who

Posted by Jure on November 14, 2012 at 4:15pm

Please is there any one who knows how to help?

You can use jquery Masonry

Posted by trunghaiy on November 15, 2012 at 4:26am

You can use jquery Masonry http://masonry.desandro.com :)

Danh bạ Website | Giải Pháp Mở

Great, this is realy what im

Posted by Jure on November 15, 2012 at 10:38am

Great,

this is realy what im looking for!,

except that i run my web site on drupal 6.20, are you aware about some solution for drupal 6? I im afraid about updating whole core and related modules because in case of problem it can be realy time consuming.

thanks in advace for reply
Jirka

You can use it separate with

Posted by trunghaiy on November 15, 2012 at 3:50pm

You can use it separate with drupal, build your page and call jquery masonry. Or you can use module http://drupal.org/project/views_fluidgrid :)

Danh bạ Website | Giải Pháp Mở

Hiiiiiiiiii, Im so glad, you

Posted by Jure on November 16, 2012 at 12:39pm

Hiiiiiiiiii,

Im so glad, you realy solve my problem, it realy works as it should !!!! you can see that in bottom of page:
http://www.brontosaurivhimalajich.cz/testsite/postavme-internat

One more time thanks a lot!
Jirka