Foros del Web - Ver Mensaje Individual

quimfv · #2 (**permalink**) 27/12/2010, 08:10

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
 
function showdiv(id){
   div=document.getElementById('flotante'); 
   detalle=document.getElementById(id);
   div.innerHTML=detalle.innerHTML
   div.style.display='';
}
function hidediv() {
    div = document.getElementById('flotante');
    div.style.display='none';
}  
 
  </script>
<style type="text/css">
<!--
#flotante {
    background-color: #FF0000;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    
}
-->
</style>
</head>
 
<body>
<table>
  <tr>
    <td id="c1" onmouseover="showdiv(this.id)" onmouseout="hidediv()">1</td>
    <td id="c2"  onmouseover="showdiv(this.id)" onmouseout="hidediv()">2</td>
  </tr>
  <tr>
    <td id="c3"  onmouseover="showdiv(this.id)" onmouseout="hidediv()">3</td>
    <td id="c4"  onmouseover="showdiv(this.id)" onmouseout="hidediv()">4</td>
  </tr>
</table>
<div id="flotante" style="display:none" >123</div> 
</body>
</html>

A mi no me desaparece en firefox!!!...