div sovrapposti fatti apparire in sequenza

[rebelia]

sto litigando ferocemente con i div

ho dei div, ognuno dei quali contiene del testo (div A, B e C diciamo)

con onclick sul link A, voglio far apparire A e scomparire B e C
con onclick sul link B, voglio far apparire B e scomparire A e C
con onclick sul link C, voglio far apparire C e scomparire A e B

e fin qui...

i div li voglio posizionare l'uno sull'altro ed allora imposto "position", con i seguenti risultati:

se metto position: relative; left: 0px; top: 0px; A funzia, ma il relative a cui B fa riferimento e' A e il relative a cui fa riferimento C e' B, col risultato che mi compaiono allineati sulla sx, ma in verticale stanno l'uno sotto l'altro

se metto position: absolute; left: 0px; top: 0px; 'sti @#*§ escono dal div che in teoria li dovrebbe contenere tutti e che in teoria dovrebbe essere l'unico relative a cui far riferimento, secondo i miei calcoli

se metto position: absolute; top: 150px; position: relative; left: 0px; ... suona "illegale" e cmq me ne prende sl uno (dipende da quale metto per primo)

idee brillanti al riguardo?

[pela]

metti position:absolute ad A, B e C e position:relative al div che li contiene

[rebelia]

il div che li contiene e' quello esterno e vorrei creare l'effetto "800x600"; se metto absolute ad A B e C e poi cambio risoluzione, i div nn lavorano come dovrebbero...

[Francis87]

forse

http://francissite.altervista.org/js_livelli.php

[rebelia]

grazie francis, nn ho controllato "di fino" il tuo script, ma uno script funzionante ce l'ho e l'ho gia' inserito nell'attuale versione del sito (la mia homepage)

e' l'allineamento, quello che mi sta facendo impazzire

l'ideale e' un tutorial idiot-proof sui div, ma tutto quello che ho trovato finora e' incompleto, almeno per me

[rebelia]

qui ho trovato risposta:

display: none; instead of visibility: hidden; and 
display:block; instead of visibility: visible;

nel caso possa servire a qualcun altro