Sobre posicionamiento absoluto y relativo

AlZuwaga · #1 (**permalink**) 28/02/2002, 11:30

Veamos, estoy trabajando con unos objetos gráficos que debo posicionar en una página y tengo dos problemas:

1- No tengo muy claro el concepto de posicionamiento ni que tags conviene utilizar.

2- La cantidad de objetos y sus valores "top" y "left" son dinámicos ya que se obtienen de una consulta a una BD mediante una página ASP, por lo tanto no los tengo a la vista mientras los programo y nunca se comportan como yo quiero.

Bueno, lo que necesito es una breve explicación:

1- Que tag conviene utilizar? ¿<div> o <span>? (tengan en cuenta que esos objetos, VML, sólo son visualizables en IE)

2- "absolute" hace referencia al (0,0) de la página?
Si es así, ¿relativo a qué es el "relative"?

Es que me estoy encontrando con un problema que no entiendo. Si pongo:

Código:

&lt;div style=&quot;left:0&quot;&gt;&lt;objeto&gt;&lt;/div&gt;&quot;ESPACIO&quot;&lt;div style=&quot;left:50&quot;&gt;&lt;objeto&gt;&lt;/div&gt;

No hace:

Código:

[OBJETO a 0 Px]   [OBJETO a 50 Px]

Sino que hace:

Código:

[OBJETO a 0 Px] (salto de linea)
[OBJETO a 50 Px]

no se

diego

Wakkos · #2 (**permalink**) 28/02/2002, 13:29

<div style="position:absolute; margin-left:0px;">
objeto
</div>

<div style="position:absolute; margin-left:50px;">
objeto
</div>

AlZuwaga · #3 (**permalink**) 28/02/2002, 17:00

Gracias Wakkos. Todavía estoy medio complicado en el asunto pero encaminado.

Si pudieras echarle un ojo a <a href='ir.asp?http://www.municipios.gov.ar/0-mdw/graficas/' target='_blank'>http://www.municipios.gov.ar/0-mdw/grafi...</a> (luego click en "Ver gráfico") y ver el código fuente te lo agradecería... creo que me mandé algunas incoherencias con los posicionamientos ya que al imprimir esa página algunos objetos se desplazan de su ubicación original.

diego

AlZuwaga · #4 (**permalink**) 28/02/2002, 17:03

por cierto... el marco de forosdelweb.com no permite que funcione el pop-up dando un error de compilacion!

si vas a ver el código, cerrá el marco primero.

Wakkos · #5 (**permalink**) 28/02/2002, 19:17

Ok. voy a contestar desordenadamente, tengo el archivo abierto y voy haciendo cambios a lo loco =)

Lo primero que hice fue eliminar el onload del body y coloque el script al inicio del miso, así nio esperas que la página se cargue para definir el tamaño de la ventana.
Lo segundo fue reemplazar los caracteres especiales por sus respectivos valores HTML (si era á ahora es &aacute)

Hay ciertos detallitos que los de w3 no gustan mucho, pero hasta que no encuentre una razón lógica de porque no les gusta, no pienso entrometerme en eso...

Y bueno, del resto, se ve en orden!!!
Funciona bien en NN 6 y IE 5.5 Y están chulísimos los gráficos!!

Algún proyecto en especial con eso? algo que podamos ver?

=)

Ahh!!
lo del body lo reacomodé así:

Código:

 
&lt;body&gt;
&lt;script language=JavaScript&gt;
window.resizeTo(666,350)
&lt;/script&gt;

Saludos terrícola!

Wakkos · #6 (**permalink**) 28/02/2002, 19:22

Ahh!! se me olvidaba: trata de mantener las declaraciones en una sola línea! (eso se llaman declaraciones? Huh?) bueno, eso puede afectar la visualización de la página

Ejemplo

Tu:
<div style="width:10px; top:
15px> contenido </div>

Yo digo:

<div style="width:10px; top:15px>
contenido
</div>

AlZuwaga · #7 (**permalink**) 28/02/2002, 20:07

Gracias Wakkos por tomarte la molestia.

Te explico el por qué de algunas cuestiones en el mismo orden "desordenado" ;)

Cita:

Vos:
Lo primero que hice fue eliminar el onload del body y coloque el script al inicio del miso, así nio esperas que la página se cargue para definir el tamaño de la ventana

Bien, sucede que el tamaño de la ventana es en función del tamaño del gráfico. A ver, va a depender de la cantidad de variables a graficar, del ancho de la columna (20 px en este caso) y de si tienen sombra o no.
Es por eso que "el servidor" no sabe cuanto tiene de largo el gráfico hasta que termine de "dibujarlo". Entonces recién ahí puedo definir los valores del javascript "window.resizeTo" y por eso lo puse al final.

Cita:

Vos:
Funciona bien en NN 6 y IE 5.5

En NN funciona??? Genial! Tenía entendido que NN no soportaba VML (y existe desde el 98...)

Cita:

Vos:
Ahh!! se me olvidaba: trata de mantener las declaraciones en una sola línea! (eso se llaman declaraciones? Huh?) bueno, eso puede afectar la visualización de la página

Si, te entiendo y voy a ver de solucionarlo. Pasa que como el código es generado según una BD, me complicaba mucho meter todo el script ASP “in-line”.

Cita:

Vos:
Algún proyecto en especial con eso? algo que podamos ver?

Si es un proyecto. Por ahora no muestro código... pero cuando lo termine va a ser libre para el que lo quiera. Podés leer mas info en: http://www.forosdelweb.com/mensaje.asp?id=65795&r=2

Saludos y gracias
diego