Easy Html Positioneris a way to solve two constant and re-incident problems on web development, especially on corporative applications.
- To position the components exactly where the customer wants them.
- With the Tool you can create prototype screens in any resolution and your final page will be exactly proportional.
- To maintain the layout original proportions in any resolution.
- Your pages will never change a lot, or even broke, because of the resolution or browser behavior.
How it works:
- Is all about DIVs and JavaScript.
- The Tool create DIVs containers for you. You gonna use those DIVs putting your web components inside.
- A simple javascript function is responsible for position and re-size all the positioned DIVs.
Laws to use this approach:
- Remember of the two input hidden that save the original resolution where you've created your prototype layout (hdn_base_width and hdn_base_heigth)
- You must have the javascript function resizeComponents() somewhere.
- Always call resizeComponents just after page load.
- The names of your DIV containers must be sequencial. Ex: dv_layou_container_1, dv_layou_container_2, etc. You cannot miss one, like 1, 2, 3, 5 (the 5 will not be positioned or re-sized correctly).
We hope it will make your life happier. =)