Quiero obtener el ancho de una tabla que esta dentro de otra tabla, y cuando coloco el codigo javascript afuera de las etiqutas<table></table>, funciona bien pero cuando coloco el mismo codigo entre las etiquetas <td></td> detecta que el ancho es "cero "
Sin embargo si quiero miodificar el color de fondo el codigo funciona bien sin importar si lo pongo fuera o dentro de la etiqueta <td></td>
Código HTML:
<html>
<head>
<title>AAAA!!!!!!!!!!!</title>
</head>
<table width="400" height="400" border="1" cellpadding="8" cellspacing="0">
<tr><td>
<center>
<table width="200" height="200" border="1" cellpadding="8" cellspacing="0" id="tabla">
<tr><td>
Esta es una tabla adentro de otra
</td></tr>
</table>
</center><br><br>
<script language="javascript">
var ancho = document.getElementById('tabla');
document.write("el ancho de la tabla roja es: "+ancho.offsetWidth);
ancho.style.backgroundColor='red';
</script>
</td></tr>
</table><br><br>
<script language="javascript">
var ancho = document.getElementById('tabla');
document.write("el ancho de la tabla roja es: "+ancho.offsetWidth);
</script>
<body>
</body>
</html> Aqui el link para que vean la pagina con el codigo que posteo:
http://diego1311.byethost6.com/ancho.html
Lo que quiero saber es como obtener el ancho cuando coloco el codigo entre las etiquetas<td></td>