Layout a più colonne liquide ed inserimento immagini

[seifer is back]

ciao a tutti,

nell'allegato è mostrato lo schema della mia pagina. tutti i colori, sono all'interno d'un contenitore sotto il quale vi è il footer, i quali a loro volta sono all'interno di un altro contenitore(con margin:auto).


Tutte le larghezze sono fisse, mentre vorrei l'altezza di alcune colonne variabile. L'unica zona dove l'altezza si modifica è quella rossa.

azzurro e fucsia sono fisse, mentre il nero è un immagine ripetuta su Y.

Quello di cui avrei bisogno, è che la colonna verde sia uguale a quella rossa, che le colonne nere si ripetessero fino all'arancione e che l'ellisse grigia resti sempre in fondo alla colonna verde. dentro l'ellissi ci sono link pulsanti ed immagini.
(tutti i bordi sono perfettamente in linea, il disegno è frettoloso)

EDIT: mi ero dimenticare di specificare html e css.

<bianco>
     <grigio>
         <giallo>
         {<azzurro><nero>}
         <verde>
         <rosso>
         {<fucsia><nero>}
         <arancione>
     <footer>

il css invece utilizza la propietà float su tutti gli elementi ad eccezine di bianco e footer.