Tengo un contenedor div, y tiene que serposicionado como relativo. Dentro de ese div, tengo una mesa. Quiero mostrar un elemento dentro de una de las celdas de la tabla como absoluto, en relación con la celda que lo contiene, pero se posiciona en relación con el div contenedor (creo).
Ver esta jsFiddle.
¿Cómo puedo configurar esto para que el elemento se posicione en relación con el td?
Respuestas
1 para la respuesta № 1Hacer la posición de TD: relativa también. Los elementos absolutos siempre se colocan en relación con su padre relativo más cercano.
Dado que las tablas y los elementos relacionados con la tabla pueden serDebido a su comportamiento único, los extraños patos del mundo del elemento HTML pueden ser más confiables simplemente para agregar un envoltorio interno DIV alrededor de todos los contenidos del TD, y hacer que el DIV sea relativo.
0 para la respuesta № 2
Solo puede colocar el div en relación con su padre TD principal si su padre TD también está posicionado (absoluto o relativo). En este caso, ya que se trata de TDs, solo debe configurarlo en position: relative.
Ver respuesta en este jsfiddle.
0 para la respuesta № 3
Funcionará si haces la posición td: relativo. Mira aquí: http://jsfiddle.net/u6WHH/6/
0 para la respuesta № 4
haga que el contenedor y la celda sean relativos y luego asigne absoluto a td.