Come convertire un layout fisso altezza/larghezza in elastico?

Question

Ho usato lo stesso software usato qui http://us.gn.bartal.org/ Per creare una larghezza fissa/altezza traemap in HTML + CSS.

Vorrei renderlo elastico avendo una funzione JavaScript per convertire tutte le posizioni e dimensioni assolute dei pixel in percentuali.

Come suggeriresti di procedere? C'è un po 'di magia jQuery/prototipo/dojo che posso sfruttare?

Answer 1

Il tuo processo di base sarebbe qualcosa di simile:

• Identifica gli elementi che devono essere ridimensionati
• Scrivi un po 'di jQuery per trovare le dimensioni di quegli elementi
• Calcola le percentuali (o altri valori)
• Apportare le regolazioni
• Iscriviti a tutti gli eventi di ridimensionamento pertinenti
• Ricalcola le dimensioni su ogni evento di ridimensionamento