¿Div relativo pero absoluto?

[miim]

Edit: Al final encontré la solución aquí:

http://lveaf.blogspot.com/2009/10/di...-flotante.html

[frijolerou]

A la celda contenedora del DIV dale posicion:relative, y al DIV dale position:absolute.

[miim]

NOOOOOOOOOOOOOOOO____________________-T
Gracias por la ayuda; te cuento: En i.e funciona bien, pero en safari, opera y firefox nada de nada...
que podría hacer? gracias =(

[JavierB]

Te digo: Políticas de Foros del Web

2.8 Los usuarios no pueden revivir o reactivar temas publicando información inútil o sin sentido, o llevando a cabo cualquier otra acción para deliberadamente mantener arriba en el índice del foro dicho tema.

[JHMorales]

Jo.... miim que pesao, lo tuyo es tener prisa, no?

prueba con lo que te han dicho, y ponle al div un z-index superior al de la tabla para que no te quede dentro de la celda, igual funciona. Y pásate ya a diseñar en divs y css y déjate de diseños híbridos (tablas y divs) que lían todo, crean páginas muy pesadas y sin flexibilidad.

[miim]

Iniciado por JHMorales

Jo.... miim que pesao, lo tuyo es tener prisa, no?

prueba con lo que te han dicho, y ponle al div un z-index superior al de la tabla para que no te quede dentro de la celda, igual funciona. Y pásate ya a diseñar en divs y css y déjate de diseños híbridos (tablas y divs) que lían todo, crean páginas muy pesadas y sin flexibilidad.

eso que funciona solo funciona en internet explorer en los demás navegadores nada de nada... el z-index es el superior... el problmea una vez pongo como me han dixo la position del td en los navegadores que no son i.e cuenta desde top=0 left=0....

[Kailu]

Sería más facil ayudarte si pones un ejemplo, no sé un dibujo o tu URL para ver lo que está pasando.

Saludos, no desesperes.

[miim]

Ahi va, mejor explciado I M P O S I B L E



Como bien dijo:

Iniciado por frijolerou

A la celda contenedora del DIV dale posicion:relative, y al DIV dale position:absolute.

Lo soluciona en I.E, pero en los demas navegadores sigue quedando en posicion absolute y si lo pongo relative o fixed pues cagada por que el tamaño que ocupe el div pasa a sumarsele a la tabla y yo no quiero que esta se agrande T________T.

[frijolerou]

Lo soluciona en I.E, pero en los demas navegadores sigue quedando en posicion absolute y si lo pongo relative o fixed pues cagada por que el tamaño que ocupe el div pasa a sumarsele a la tabla y yo no quiero que esta se agrande T________T.

¿No lo tienes online?. Siempre me a funcionado en todos los browsers, quizá hay algo que te estés saltando. Siguiendo el código que posteaste al principio sería así:

Código HTML:

<table height="20" width="20">
<tr><td style="position:relative">
<div id="CapaVoladora" style="position:absolute; left:10px; top:10px; width:500px; height:500px; z-index:0; background-color: #0099CC; layer-background-color: #0099CC;"></div>
</tr></td></table> 

[Kailu]

¿Talvez sea imposible ponerlo on-line?

Es dificil que tu codigo solo funcione en un navegador tan malo, es obvio que tu codigo no se apega a los estandars, aunque sea dibuja cuadritos y sube la imagen para que veamos la colocación que quieres.

[webosiris]

lo que dice frijolerou funciona, así que te debes estar saltando algo.
La explicación técnica es que position:aboslute se toma encuenta según la posición del elemento padre posicionado...es por eso que si posicionas la celda con top:0 te va a ir a 0px del borde superior de esa celda, y si no posicionas la celda ni ningun otro elemento padre, te va a ir a 0px del borde superior del documento.

De todas formas tu código me suena a que debe de ser un entrevero de tablas y un montón de código de relleno, cosa que evidentemente no facilita el entendimiento

[miim]

Iniciado por Kailu

¿Talvez sea imposible ponerlo on-line?

Es dificil que tu codigo solo funcione en un navegador tan malo, es obvio que tu codigo no se apega a los estandars, aunque sea dibuja cuadritos y sube la imagen para que veamos la colocación que quieres.

Eso ya lo he hecho mira arriba;
y el ejemplo que habeis puesto a mi me sigue sin funcionar en FF...

[miim]

Pongo mi codigo para que digais...

etc......... </table>
<table width="115" height="26" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="115" style="position:relative;"><img width="0" height="0" />
<div id="Ventanadecarga" style="position:absolute; left:-70px; top:-80px; width:250px; height:110px; z-index:0; background-color:#F8F8F8; border-color:#000000; border-style:dashed; border-bottom-width:1px; border-top-width:1px; border-left-width:1px; border-right-width:1px;"> cargando </div> </td></tr></table>
<table.....etc..................

[miim]

Iniciado por JavierB

Te digo: Políticas de Foros del Web

2.8 Los usuarios no pueden revivir o reactivar temas publicando información inútil o sin sentido, o llevando a cabo cualquier otra acción para deliberadamente mantener arriba en el índice del foro dicho tema.

Vaya, perdón, me olvide de leer las normas, gracias por avisame, un saludo amigo

[miim]

Iniciado por miim

Vaya, perdón, me olvide de leer las normas, gracias por avisame, un saludo amigo

Con perdon queria decir a ti al resto de administradores y a la gente que haya podido molestar esto perdon perdon perdon
Nadie sabe nada mas?

[miim]

Nadie!?!!!!!!!!!!!!!!!!!!!!!!!!!!!!?

[webosiris]

Iniciado por miim

Nadie!?!!!!!!!!!!!!!!!!!!!!!!!!!!!!?

Ya se te advirtió de no levantar el tema, como queres que te haga entender?? Además si necesitas agregar algun dato a tus mensajes existe la opción de editar... no necesitas escribir 5 mensajes seguidos

Y a tu pregunta de nadie?, quizás tenga relación a lo que yo te decia + arriba:

tu código me suena a que debe de ser un entrevero de tablas y un montón de código de relleno, cosa que evidentemente no facilita el entendimiento

mezcás capas con tablas, usas css inline, etc... además cuando se te pide que muestres un ejemplo online solo haces un esquema, pero no mostras tu código.

Te explico porque efectivamente no funciona el ejemplo de frijolerou:
la posicion absoluta depende del elemento padre que sea un BLOQUE (display:block). Las tablas por defecto no son bloques, sino justamente tablas (y por defecto tienen display:table). si usaras las tablas para lo que estan hechas (eso es, tabular datos) no tendrías estos problemas

Solución: poner la capa a posicionar dentro de un elemento que sea de Bloque, o darle display:block a la tabla (cosa que va a a producir efectos secundarios de los cuales no me hago responsable)

[miim]

Iniciado por webosiris

Ya se te advirtió de no levantar el tema, como queres que te haga entender?? Además si necesitas agregar algun dato a tus mensajes existe la opción de editar... no necesitas escribir 5 mensajes seguidos

Y a tu pregunta de nadie?, quizás tenga relación a lo que yo te decia + arriba:
mezcás capas con tablas, usas css inline, etc... además cuando se te pide que muestres un ejemplo online solo haces un esquema, pero no mostras tu código.

Te explico porque efectivamente no funciona el ejemplo de frijolerou:
la posicion absoluta depende del elemento padre que sea un BLOQUE (display:block). Las tablas por defecto no son bloques, sino justamente tablas (y por defecto tienen display:table). si usaras las tablas para lo que estan hechas (eso es, tabular datos) no tendrías estos problemas

Solución: poner la capa a posicionar dentro de un elemento que sea de Bloque, o darle display:block a la tabla (cosa que va a a producir efectos secundarios de los cuales no me hago responsable)

Eres un genio, ahí estaba la solución; Gracias.
Tal vez habré spameado un poco subiendo le Post pero ahora cada vez que alguien busque en google encontrará la solución y antes no por que más que busque yo....

Gracias.

[j_araluce]

Muy bien miim por tu perseverancia, lograste que webosiris aclarara bien el Tema por el cual me registre en este foro… me sirvió un montón
Yo tenía el mismo problema incluyendo que mi TD contenía colspan y se me presento un efecto secundario de los que hablaba webosiris.
Lo solucione insertando otra tabla dentro del TD a la que le puse style=”display:block; position:relative;" porque si un TD contiene colspan no puede ser de tipo BLOQUE para que funcione en FF, es extraño pero en IE si funciona de cualquier forma como decía miim