Ante todo, gracias por lo contestado.
Tienes razón respecto a postear el código que estoy usando... asi que aquí va un ejemplo sencillo de lo que estoy haciendo.
Ya hace 3 días que me pego con este tema.. y necesitaría ayuda lo antes posible, dado que estoy prado y sin ningún futuro aparente.
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Probando a crear cosas con DHTML</title>
<script language="JavaScript1.2" type="text/javascript">
function crearCosas()
{
var tablaGeneral = document.createElement("table");
tablaGeneral.cellPadding = 0;
tablaGeneral.cellSpacing = 0;
tablaGeneral.width = 200;
tablaGeneral.height = 25;
tablaGeneral.border = 0;
// Creamos un TR
var trGeneral = document.createElement("tr");
// Creamos el TD
var tdGeneral = document.createElement("td");
tdGeneral.width = tablaGeneral.width;
tdGeneral.height = tablaGeneral.height;
tdGeneral.style.backgroundColor = "Red";
tdGeneral.style.border = "solid";
tdGeneral.style.borderWidth = 1;
tdGeneral.innerHTML = "Este es el TD";
// Creamos una capa con texto, la cual se tiene que situar DEBAJO del TD creado
var capaPaDebajo = document.createElement("div");
capaPaDebajo.id = "divContent";
capaPaDebajo.style.visibility = "visible";
capaPaDebajo.style.position = "absolute";
capaPaDebajo.style.overflow = "visible";
capaPaDebajo.style.borderWidth = 0;
capaPaDebajo.style.borderStyle = "solid";
capaPaDebajo.style.borderColor = "Blue";
capaPaDebajo.style.backgroundColor = "#00FF00";
capaPaDebajo.innerHTML = "Esta capa tendría que quedar DEBAJO del TD.<br><br>No vale con posición RELATIVA porque el TD se estiran sus bordes y no es la finalidad";
capaPaDebajo.style.width = tablaGeneral.width;
capaPaDebajo.style.height = tablaGeneral.width;
// Voy añadiendo la jerarquía de elementos
tdGeneral.appendChild(capaPaDebajo);
trGeneral.appendChild(tdGeneral);
tablaGeneral.appendChild(trGeneral);
// Finalmente. añado el elemento PRINCIPAL al documento
document.getElementById("contenedor").appendChild(tablaGeneral);
document.getElementById("contenedor").innerHTML = document.getElementById("contenedor").innerHTML; // Si no pongo esta línea, no me crea bien el TD
}
</script>
</head>
<body style="margin:0px">
<table cellpadding="0" cellspacing="0" style="width:100%;height:100%" border="0">
<tr>
<td style="width:100%;height:100%" align="center" valign="middle" id="contenedor">
<script language="JavaScript1.2" type="text/javascript">crearCosas();</script>
</td>
</tr>
</table>
</body>
</html>
En el ejemplo que pongo, mi problema es que la capa que os saldrá en VERDE, necesito que quede TOTALMENTE COLOCADA debajo del TD de ROJO.
Espero que podais ayudarme.
Muchas gracias a todos.
Un saludo