How to convert a fixed height/width-fixed layout to elastic?

Question

I used the same software used here http://us.gn.bartal.org/ to create a fixed width/height treemap in HTML + CSS.

I would like to make it elastic by having a JavaScript function to convert all pixels absolute positions and sizes to percentages.

How would you suggest to proceed? Is there some jQuery/Prototype/Dojo magic that I can exploit?

score 0 · Accepted Answer · answered Apr 01 '10 at 18:15

0

Your basic process would be something like this:

answered Apr 01 '10 at 18:15

John Fisher

I already wrote a solution which work pretty much like this. However, I would prefer to convert them in actual percentage-size elements, so that they will naturally adapt to resizing. – phretor Apr 01 '10 at 21:59
@phretor: Then, all you need to do is step 3 from my answer. – John Fisher Apr 01 '10 at 22:52
Thank you John. I hope height: X%; is cross-browser :) – phretor Apr 02 '10 at 07:02

1 Answers1