Posición de un DIV en distintos navegadores

fede1976 · #1 (**permalink**) 22/09/2010, 21:10

Hola:

Estoy usando esta simple instrucción:

<div id="mi_div" style="position:absolute; left:200px; top:200px"><img src="pelota.gif" width="200px" height="200px"></div>

para posicionar la imagen de una pelota en la página. El asunto es que esta instrucción funciona perfectamente en IE pero no en Firefox, Opera o Chrome. Estos últimos navegadores, colocan la imagen en pantalla pero no la posicionan de acuerdo a los atributos top y left del div.
¿Alguien sabe qué estoy haciendo mal?
Muchas gracias.

Federico

Adler · #2 (**permalink**) 23/09/2010, 05:13

Hola

No hay relación con AJAX es CSS. Para lograr lo que pretendes por desgracia has de usar un hack CSS

Suerte

fede1976 · #3 (**permalink**) 23/09/2010, 12:31

Adler:

Muchas gracias por tu respuesta. En programación web no es siempre fácil determinar con qué lenguaje se relaciona el problema que tenemos. Hice la pregunta en el foro AJAX porque los div con posiciones absolutas son bastante usados por programadores de Javascript y Ajax. Te comento por otro lado que el link que me pasaste no me podía servir porque habla sobre cómo hacer para que determinadas instrucciones funcionen correctamente en IE y mi problema era precisamente el opuesto, mi DIV funcionaba sólo en IE.
Por fin descubrí el error: el problema no estaba en el DIV, ese DIV lo entienden todos los navegadores, el problema estaba en que no había cerrado la etiqueta body, en mi página tenía esta etiqueta así: <body sin el cierre y abajo de esta venía el DIV. Se vé que IE pasa por alto este error pero los demás navegadores no. Así que ya resolví el problema y funciona bien en todos los navegadores probados.
Muchas gracias!

Federico