spostamento verticale di un div

[angelicab]

nella parte centrale della mia pagina ho 2 DIV che dovrebbero stare uno sopra l'altro

DIV1 "NEWS"

DIV2 "COMUNICATI"

questo è il loro css

#news
{
position:absolute; left:185px;
width:98%;
background-color: #EFFAEF;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.9em;
}
#comunicati
{
margin-top:67%;
position:absolute; left:185px;
width:auto;
background-color: #EFFAEF;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.9em;
}

per non farli accavallare devo impostare un "margin-top" per il 2° DIV .. ma se ridimensiono la finestra .. son casini..

come posso fare per evitare il problema?

[angelicab]

[ilGuccino]

che vuol dire sono casini? prova a descrivere meglio il problema, linkare la pagina se è online o a postare anche l'html della tua pagina, cosicchè possiamo vedere tutti cosa intendi
ciao

[angelicab]

la pagina è questa CLICCA

se provi a ridimensionare la finestra .. vedrai che i due blocchi centrali (Eventi e News) si accavallano

[ilGuccino]

non so te con cosa lo guardi, ma io con firefox vedo sovrapposizioni anche senza ridimensionare
comunque prova a mettere delle dimensioni minime fisse, penso sia colpa delle percentuali, se la finestra è piccola le percentuali fanno sì che tutti i box siano molto ridotti
se vuoi semplicemente nascondere quello che esce dai div, anche se è solo un coprire un po' il problema, usa la proprietà overflow http://css.html.it/guide/lezione/33/...sioni-altezza/
ciao
ilGuccino

[angelicab]

ah .. dimenticavo.. io lo guardo con explorer per ora ..

[floyd46]

ciao
effettivamente la sovrapposizione io la vedo con una risoluzione a 1280 x 1024 nella colonna dx.
e cmq... non credo sia il massimo usare le tabelle in generale, tanto meno per il sito di un comune. La pagina non degrada come dovrebbe, quando si disabilitano i CSS.
Floyd

[angelicab]

ho usato la tabella solo per le news ..

[angelicab]

per ora tralasciate gli altri problemi .. dato che la pagina è in costruzione nn è ancora perfetta.. mi aiutate a risolvere il problema dell'accavallamento dei 2 contenitori centrali "eventi in città" e "News dal Municipio"?

[ilGuccino]

allora, intanto devo dire che la tua pagina è un bel casino, comunque vedo che hai messo un div sulla sinistra, poi quello centrale spostato dal margine verso destra che contiene a sua volta due div, il centrale e la barra laterale che si sovrappongono (questo solo con firefox, ma la questione mi sembra abbastanza rilevante)
io ti consigierei di riscrivere tutta la struttura della pagina, facendo un div per l'header in alto, un div per la pagina centrale e un footer in basso
poi all'interno di quello centrale crei le tre colonne, direi le due laterali a larghezza fissa e quella centrale con una larghezza minima impostata
per una struttura del genere c'è una guida qua sul sito http://css.html.it/guide/lezione/75/...nne-con-float/
ho guardato un po' la tua pagina e sinceramente, vedendo tutti i problemi che ha con firefox, non credo valga la pena risolvere solo il problema della sovrapposizione dei due box centrali
non mi resta che augurarti un buon lavoro
ilGuccino

p.s.: in ogni caso direi che il margine del 67% del box inferiore fa sì che quando il 33% della pagina sia minore dell'altezza del box superiore, i due si sovrappongano, questa credo sia la diagnosi del tuo problema iniziale, se proprio non vuoi fare modifiche prova a esprimere quel margine in pixel, così ovvii al problema della sovrapposizione in verticale, anche se rimangono quelli legati alla sovrapposizione in orizzontale, e rischi di rendere poco dinamica la pagina
#comunicati
{clear:both;
margin-top: 300px;
position:absolute; left:185px;
width:auto;
background-color: #fff;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.8em;
}