Convertire una tabella in DIV + CSS: come fare?

[ivanhalen]

Salve,
Ho una pagina che funziona benissimo con le vecchie (e care...) tabelle e ho difficoltà a trasformarla in DIV + CSS

La pagina è questa:
http://www.ivanhalen.com/test.htm

Elenco le difficoltà, in ordine sparso:
1. La tabella con classe "main" è perfettamente centrata in verticale e si estende per tutta la lunghezza della pagina, a tutte le risoluzioni; con DIV e CSS, se ottengo questo desiderabile risultato con IE6 allora non si vede bene su FF3, e viceversa, e non c'è verso di farlo funzionare su entrambi
2. Tra l'altro, l'utilizzo di DIV + CSS al punto 1 ha una grossa limitazione, ossia devo necessariamente specificare l'altezza del DIV che va a sostituire la tabella... Tradotto in soldoni, se la tabella con class "form" contiene qualche riga in più, devo specificare un'altra regola CSS (con height maggiore), mentre usando le tabella non ho questa preoccupazione
3. Questa proprio non la riesco a risolvere: alla riga 21 quell' align="center" (che mi centra orizzontalmente la tabella annidata, con class="form") è praticamente impossibile - per me - da raggiungere, e le ho provate tutte... Il problema sembra essere proprio la tabella con class="form": se tolgo la tabella, allora posso omettere align="center" e raggiungere lo scopo con DIV e CSS; se metto la tabella - e a me serve metterla, oltre che mi pare semanticamente corretto ordinare quei dati in forma tabellare -, allora devo NECESSARIAMENTE mettere align="center" al <td>, altrimenti su FF non va...

Qualche anima pia può aiutarmi a capire come organizzare questa pagina?
Grazie :-)

[Alberto]

Premesso che le tabelle si possono usare, non sono deprecate, per la visualizzazione di dati testuali, ti consiglio di scrivere il codice basandoti per le verifiche su un browser che rispetti gli standard tipo FF appunto perché IE fa un po' come gli pare...

I primi due punti non li ho capiti, scusami, magari prova a postare il codice che stai utilizzando così si capisce meglio dove devi aggiungere o togliere qualcosa.

Per il terzo punto invece usa nella classe che applichi al div text-align:center

dai un'occhiata anche qui

[ricman]

Tutto queste considerazioni per voler utilizzare codice "malsano"... per fare cosa?? .. una riga grigia in mezzo allo schermo?
Come già consigliatoti lascia perdere IE... Scviluppa per FF e **dopo** quello che IE interpreta male lo sistemi coi commenti condizionali.
Le tabella per quella pagina che ci mostri non vanno usate. Sforzati 5min di più e mettici i div.

Per fare quello che dici prova dare un'occhiata qui ma forse, senza perderci troppo tempo potresti dare un "margin-top" in percentuale al div grigio e festa finita...