div sovrapposto NON sovrapposto

[chessa]

Buongiorno a tutti,

in un div centrato rispetto allo schermo, ne ho messo un altro, visibile con questo javascript (per altro presa da un tutorial presente su questo sito)

function toggleLayer(whichLayer) {
var elem, vis;
if(document.getElementById) // this is the way the standards work
elem = document.getElementById(whichLayer);
else if(document.all) // this is the way old msie versions work
elem = document.all[whichLayer];
else if(document.layers) // this is the way nn4 works
elem = document.layers[whichLayer];
vis = elem.style;
// if the style.display value is blank we try to figure it out here
if(vis.display==''&&elem.offsetWidth!=undefined&&e lem.offsetHeight!=undefined)
vis.display = (elem.offsetWidth!=0&&elem.offsetHeight!=0)?'block ':'none';
vis.display = (vis.display==''||vis.display=='block')?'none':'bl ock';
}

questa è la parte dei foglio di stile che interessa i 2 div



body{
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 16px;
color: #333333;
}

div#container{
width: 720px;
margin: 0px auto;
text-align: left;
}



div#nascosto02 {
width: 720px;
height: 552px;
position: relative;
top: -552px;
display:none;
}


e questo è l'html della pagina per visualizzarlo

[img]img/AnimazioneFlash.jpg[/img]

il problema è che cliccando sull'immagine che fa apparire il layer nascosto, questo compare, ma si sposta di 5-6 px a sx, quindi non risulta essere perfettamente sovrapposto al primo, l'effetto è orribile.

ho fatto 10.000 prove ma non capisco dove possa essere il problema; qualcuno può darmi una mano?

grazie!!

[Puzzola]

1) è disponibile un link per poter vedere?

2) con quale browser l'hai testato?

[chessa]

innanzitutto grazie per l'ettenzione

http://www.sardegnacasadelmare.it/liveliri.html

il problema si verifica cliccando sulle piccole foto che fanno da francobolli; cliccando su questa immagine si rende visibile il div per visualizzare la varie foto ingrandite; il livello dove è scritto "clicca sui francobolli" si sposta rispetto a quello col testo scorrevole ( le varie foto si caricano in flash)

l'ho testato con explorer 7, firefox 3.0, opera 9.5; si sposta in tutti...

p.s. in caso la connessione sia lenta, abbi pazienza perchè non ho ancora messo i vari loader

:rollo:

[Puzzola]

Si sposta perchè compare la barra laterale di scroll...
E questo succede perchè l'impaginazione non è fatta molto bene...
Prima di tutto le tabelle andrebbero usate per impaginare dati tabellari e non per fare impaginazione dei contenuti...
Io comincerei con levare table, tr e td vari...

[chessa]

in effetti non mastico ancora molto bene queste cose...

provo a fare un po' di pulizia....

[chessa]

per il momento ho messo a posto il div contenitore, con questo css

div#container{
width: 720px; /*la larghezza dell’elemento*/
height: 552px; /*l’altezza dell’elemento*/
position: absolute; /*posizione assoluta per potere riposizionare l’elemento*/
left: 50%; /*il bordo sinistro dell’elemento si troverà al 50% della larghezza disponibile*/
top: 50%; /*il bordo superiore dell’elemento si troverà al 50% dell’altezza disponibile*/
margin-left: -360px; /*la metà della larghezza dell’elemento è tolta come margine superiore per centrarlo*/
margin-top: -276px; /*la metà dell’altezza dell’elemento è tolta come margine superiore per centrarlo*/
}

il che mi risolve un bel po' di cose...

il prossimo step è togliere le table ovunque, anche nelle pagine interne, speriamo di non avere troppi problemi