Ciao a tutti,
premetto che non sono molto pratico di CSS o almeno, non al livello di cui ho bisogno per risolvere questo problema di impaginazione di questo documento, che trovate in questo link
http://www.abacada.it/bollprova.html

Il css è http://www.abacada.it/bollprova.css

La struttura del documento, eccetto che nella prima pagina dove è presente l'intestazione, presenta una serie di Avvisi di Gara (il cui numero per ogni pagina e colonna lo calcolo attraverso un algoritmo, non necessario in questa spiegazione), suddivisi su due colonne.

La struttura dell'avviso è

- Intestazione (Nome/dettagli/indirizzo) --> Comune di XXXX etc...
- le varie sezioni (Gara, Oggetto, etc... sono fino ad un massimo di 10)

Quindi per ogni colonna, avrò ripetuta n-volte la struttura dell'avviso.

Il problema è questo...
Come definire con i div la struttura dell'avviso, considerando che le varie sezioni, hanno alternato lo sfondo grigio/bianco e la parte destra di ogni sezione ha una propria formattazione, differente da ogni altra sezione.

In particolare non capisco se sia necessario
1. Definire un div per l'elemento avviso
2. Come posizionare un avviso sotto l'altro, visto che la dimensione totale in altezza, è variabile e non standard (ovvero le sezioni hanno una altezza diversa dall'altra)

Grazie per qualsiasi suggerimento