Originariamente inviato da james
Ma in questo modo quando la tabella viene visualizzata mi sposta in basso tutto quello che c'è dopo di lei, io invece vorrei che si sovrepponesse a tutto ciò che la segue
Ho risolto in questo modo:
Codice PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Titolo</title>
<style type="text/css">
#pulsante { background-color: silver;border: 1px solid black; }
#mappa_colori_cc { z-index:3; background-color:silver; border: 1px solid black; display: none; position:absolute; }
</style>
<script>
function showHideLayers(elemento,azione) {
 if (azione == 'show') azione = 'block';
 if (azione == 'hide') azione = 'none';
 if (document.all != null) { oggetto = eval("document.all['" + elemento + "']"); }
 else { oggetto = eval("document.getElementById('" + elemento + "')"); }
 if (oggetto) oggetto.style.display = azione;
}
</script>
</head>


<body>
<hr>
<div id="pulsante" onClick="showHideLayers('mappa_colori_cc','show')">Clicca qui</div>
<hr>
<div id="mappa_colori_cc" onMouseOut="showHideLayers('mappa_colori_cc','hide')">
 <table border="1" cellpadding="0" cellspacing="0" width="289" height="67">
  <tr>
   <td>Inclusione del file con la tavolozza</td>
  </tr>
 </table>
</div>
Ciao
<hr>
</body>
</html> 
Tutto stava nel position: absolute, ma in layout più complessi in cui gli elementi sono disposti con il float e non il position, se uso absolute il div mi si posiziona in base all'elemento radice HTML, e quindi nn mi si posiziona tutto a dx. E non posso neanche posizionarlo in maniera assoluta, perchè essendo il layout centrato, a seconda della risoluzione con cui si visita la pagina lo spazio tra il bordo del browser e la posizione reale che deve avere cambia!