La cosa non e` semplice, perche` devi combinare le varie immagini.

Direi che e` necessaria "troppa" intelligenza per poterlo fare lato client, per cui occorre lavorare di piu` lato server.

Comunque lato client puoi (devi) essere piu` razionale.
Anzitutto controllando i vari float e non-float (il footer io [FF sotto linux] lo vedo un po' sotto la meta` pagina: forse non hai usato il clear in modo corretto).

E devi anche eliminare tutta la formattazione dai tag HTML, spostandola nel CSS.

Inoltre ad occhio direi che hai usato troppi blocchi innestati, e forse hai anche usato nomi non semanticamente corretti, per cui risulta complesso per un'altra persona capire il tutto (i nomi devono rispecchiare il contenuto, non la posizione).

Tornando al nocciolo della domanda:
C'e` una modularita` nelle immagini (cioe` hanno tutte la stessa larghezza, l'altezza e` multipla di uno stessa misura, ...)?
Chi (intendo il programma) deve "metterle assieme" conosce le dimensioni?
C'e` qualche regola da seguire?
C'e` una preferenza sulla posizione (in alto, in basso, su quale colonna, ...)

In pratica tutte queste domande sono quelle che si farebbe un umano qualora dovesse fare il lavoro a mano: la stessa conoscenza la devi inserire nel programma automatico.