Capas con distinta resolución

koudelin · #1 (**permalink**) 24/06/2002, 17:12

Buenas, estoy un poco atascadillo en una cuestion y me gustaría si fuese posible vuestra ayuda.
Tengo una tabla con un ancho de 750 centrada en la página entonces se ve muy bien tanto a 800x600 como a 1024x768 pero el problema está a la hora de pinchar en un enlace que en lugar de que salga una ventana hago que aparezca una capa, problema, como la tengo situada en una posición cuando se cambia de resolución no sale en el sitio que yo quiero, me entendeis no? es decir que si está situada a left=200 px no es lo mismo 200px en 800 que en 1024
podeis darme alguna idea....

Gracias

duchamp · #2 (**permalink**) 24/06/2002, 20:12

Es el eterno problema ... si eso no sucediera sería todo más fácil. Las soluciones posibles son:
1_ Olvidas la justificación al centro y pones todo a la izquierda.
2_ Utilizas un IFrame dentro de una tabla centrada.Claro, los usuarios de Netscape No podrán visitar tu sitio ... (pero después de todo, en el diseño, como en la vida, hay que hacer elecciones y no se puede dejar a todo el mundo contento).

Suerte!

koudelin · #3 (**permalink**) 25/06/2002, 01:28

Y no seria posible, el que con algún script detectáramos la resolución del usuario y en función de esto situaramos la capa en uno u otro sitio?

Pregunto pq es lo q se ma ha ocurrido

Gracias duchamp!

duchamp · #4 (**permalink**) 26/06/2002, 21:59

Bueno, sí, si se trata de un sitio pequeño se podría hacer eso. Pero, tratándose de diseño web ... siempre habrá un factor sorpresa, algo inesperado, algo que tú no podrás controlar ... diseñar para todas las resoluciones, para Mac, para PC, para todos los navegadores, etc. ... y pretender que en todos lados se vea igual? ... olvídalo, mi opinión es que hay que buscar un punto intermedio u optar por dejar a algunos posibles usuarios afuera ... (como cuando se utilizan IFrames).
Suerte!

tunait · #5 (**permalink**) 27/06/2002, 08:21

Hola :)

Por que no pruebas con esto:

"Abraza" tu tabla con lo siguiente

<div align="center">
<div id="capa" style="position:relative; width:650px; z-index:1">

Aqui tu tabla principal

</div>
</div>

En mi pc funciona incluso con Netscape 6.2. Con versiones inferiores no tengo ni idea, no tengo para comprobarlo.

Dime si te funcionó

saludos

koudelin · #6 (**permalink**) 27/06/2002, 16:37

Gracias tunait, pero a ver si entiendo lo que me estás pidiendo, es la capa que tenga el alto y el ancho de la tabla principal? .. o meter la tabla en una capa tb?, estoy haciendo unas pruebas con el tag layer y ... a ver si las termino y te comento. Pero de todas formas si no te importa comentame tu idea

Gracias de nuevo

tunait · #7 (**permalink**) 27/06/2002, 18:06

Re-hola :)

sip, me refiero a meter tu tabla principal dentro de la capa que te comento.
Cuando una capa no tiene establecida una posicion left ni top (jé, últimamente no hago otra cosa que escribir sobre lo mismo :P) se comporta como un elemento más en el párrafo.

Asi, lo que te comento:
<div align="center">
<div id="capa" style="position:relative; width:650px; z-index:1">

el div con el id capa al no tener posición left ni top se comporta como un elemento más en un párrafo. Por eso delante le puse una alineación centrada. Eso provoca que la capa de id="capa" se centre, independientemente de el tamaño de pantalla.

Dentro de ésta capa, tu tabla con todo su contenido.

¿por qué hacer esto?? por que una capa que esté situada dentro de otra capa y tenga posicion left y top (como es el caso de las capas que se te descontrolan alcambiar la resolución), la referencia de top y left en lugar de tomarla del documento la tomará de la capa en donde está contenida (la capa de id="capa", que será la capa madre).

Así si tus capas dentro de tu tabla tienen una posicion de 150 y 100 en vez de ser relativa esa posición al documento, lo será a la capa que contiene la tabla.

Digamos que ya que no puedes hacer que las capas sean relativas a la tabla, pues las hacemos relativas a una capa que está siempre junto con la tabla y que tiene las mismas dimensiones.

Jo, no sé si me logro explicar.

Pero la idea es
<body>
<div align="center">
<div id="capa" style="position:relative; width:650px; z-index:1">

<table ...... etc>
<etc><tus capas><mas etc>
</table>

</div>
</div>
</body>
Haz la prueba, copia tal cual y lo pegas en tu código fuente :)

Ya me contarás

koudelin · #8 (**permalink**) 28/06/2002, 03:10

Tunait, al final me decante por el script y funciona, es más sencillo y no tengo que hacer subcapas y demás. No digo que tu idea no funcione pero con más tiempo tambien lo probaré, Gracias de todas formas

si alguien quiere el script que lo pida o bien lo subo

Gracias por todo y a todos compañeros, seguiremos compartiendo información

Un saldo a todoooooos ;)

isotonic90 · #9 (**permalink**) 28/06/2002, 05:29

yo se un truquillo que vale su peso en oro, si te interesa te lo comento

koudelin · #10 (**permalink**) 28/06/2002, 06:07

Isotonic, si quieres, la verdad que toda información y conocimiento es poco

Me interesa mi messenger y correo a tu disposición ( si quieres )

Un saludo y gracias