Foros del web, para los que viven de bits

allan0254 · 19-sep-2005, 16:41

hola a todos he estado buscando..pero he encontrado una respuesta concreta...
alguien sabe de una manera ..en la que mi layer de dreamveaver se quede en el mismo lugar donde lo diseñe (es decir donde lo coloque en mi hoja web), asi lo abran en la resolucion que sea.y no se mueva.. claro que podria hacerlo con tablas...pero hay casos atipicos..que necesito meter algo en una capa....me imagino que habra un jascript o algo---
alguien sabe.......

angsanchez · 20-sep-2005, 13:23

Hola, allan

Cita:

Iniciado por allan0254

asi lo abran en la resolucion que sea.y no se mueva..

No se mueva ¿de dónde? ¿Quieres que esté a una distancia fija del borde izquierdo y del superior?
La resolución **siempre** va a afectar; si es baja ¿tu capa desaparecerá por el lado derecho de la ventana?
Las capas van casi siempre en posiciones absolutas, y eso se da de tortas con las distintas resoluciones... En fin, cada uno diseña como quiere, pero en mi opinión el usuario lo verá de otro modo porque usa otro ordenador.

Bueno, respecto a tu pregunta, aclárala un poco. Lo básico es usar position:absolute y left:100px top:0px etc, pero no sé si eso ya lo tienes claro.

allan0254 · 21-sep-2005, 13:11

si bueno lo que pasa,.. tengo una web centrada de 779 de ancho... se ve bien en 800x600 y en 1024 x768 .. esta con sus tablas y todo.....el detalle esta en que quiero incoroprar un flash en una capa por que con el dreamveaver hago que sea tranparente y no interfiere con mis tablas ...el detalle esta que siendo capa...la capa la veo bien en mi diseño con relacion a mi resolucion de 1024x768 ,, pero por ser capa ... al cambiar a otra resolucion se mueve ... la pregunta es si existe una manera o han visto una forma de enganachar la posicion de la capa con relacion al diseño para que no se mueva por mas que cambien la resolucion ....creo que la solucion podria estar en un dhtml .....

angsanchez · 21-sep-2005, 13:14

La solución estará probablemente en el estilo CSS de esa capa que contiene el Flash, y en último caso el estilo lo podrías cambiar con JS dependiendo de la resolución.

Pon el código de la capa, para ver cómo la tienes situada.

allan0254 · 23-sep-2005, 19:47

y algun ejemplo de eso..
alguien tienes la respuesta... se puede hacer

axe · 23-sep-2005, 20:10

Hasta donde sé hay 2 opciones... 1 es la que mencionaron anteriormente: alinear la capa con respecto a los bordes.
Y la otra es una centrado absoluto en relación a la resolución, creería que se puede... pero nunca la probé.

La última que se me ocurre es hacer 2 html, una para 800 y otra para 1024... con una página de inicio que detecte la resolución y direccione adonde corresponda.

tunait · 24-sep-2005, 04:03

Desde luego que la solución más eficaz y adecuada es haciendo uso de css sin recurrir a ningún script. Traslado el tema al foro de css

movido desde javascript

Un saludo

allan0254 · 28-sep-2005, 10:57

hola...
(alinear la capa con respecto a los bordes.) si pero si hago eso... igual se va a mover cuando alguien cambie de resolucion en una pantalla superior ..si alguien lo ve una de 1150 o en mas , entonces esa no seria la solucion....lo de redireccionar suena bien,..pero quiero que se vea bien en todas las resoluciones posibles......

lo del css me parece razonable...pero es solo una hipotesis o alguien lo ha hecho???

Kalimdor · 28-sep-2005, 13:05

Hola, compañeros del foro.

Al igual que el compañero allan0254, estoy buscando una solución al mismo problema.

tunait, dices que con css puede arreglarse este problema. Si no es mucha molestia, ¿podrías darnos una explicación o un ejemplo con el cual guiarnos?

Sería de gran ayuda y te lo agradecería muchísimo. O algún compañero que tenga una idea o la solución en sus manos, ¡bienvenida sea!

.

Muchas gracias.

Kalimdor.

allan0254 · 29-sep-2005, 09:55

hola...llegue a encontrar una respuesta...que ya la habian planteado..y porfin me resulto..

envolviendolo en una capa dentro otra la posicion no me cambia este es el codigo que encontre

<body><div>
<h2>Resto de la página...... </h2>
<h2>Resto de la página...... </h2>
<h2>Resto de la página...... </h2>
<h2>Resto de la página...... </h2>
<h2>Resto de la página...... </h2>
(...etc...)
<div id="base" style="position:relative; bottom:150px; width:600px; left:100px; background-color:#FFCC66;">Capa de base</div>
</div></body>

lo he probado en IE y me funciona,,mas todavia no lo he probado en otros N.

un saludo y gracias por las sugerencia anteriores

Kalimdor · 29-sep-2005, 10:33

Hola a todos.

Logré hacerlo de una manera super sencilla. Es también envolviendo la capa, de posición absoluta, dentro de una capa de posición relativa, que tiene el ancho y la altura al 100% (tamaño de la pantalla), con coordenadas (0, 0) y un z-index que indica que va primero que la capa a afectar... en este caso, valor 0.

Este es el código de dos líneas:

Código HTML:

<div style="position:relative; width:100%; height: 100%; z-index:0; left: 0px; top: 0px">
<div style="position:absolute; width:215px; height:57px; z-index:1; left: 4%; top: 145px"><img src="imagen_afectada.png" width="578" height="54" /></div></div>

Resultado: La imagen afectada mantiene su posición en cualquier resolución.

Espero que este código también sea de ayuda para ustedes.

Saludos.

Kalimdor.

19-sep-2005, 16:41	#1 (permalink)
allan0254 Fecha de Ingreso: noviembre-2002 Ubicación: lima-peru Mensajes: 114	posicion layer con relacion a la resolucion de pantalla hola a todos he estado buscando..pero he encontrado una respuesta concreta... alguien sabe de una manera ..en la que mi layer de dreamveaver se quede en el mismo lugar donde lo diseñe (es decir donde lo coloque en mi hoja web), asi lo abran en la resolucion que sea.y no se mueva.. claro que podria hacerlo con tablas...pero hay casos atipicos..que necesito meter algo en una capa....me imagino que habra un jascript o algo--- alguien sabe.......

20-sep-2005, 13:23	#2 (permalink)
angsanchez Fecha de Ingreso: octubre-2004 Ubicación: España Mensajes: 894	Hola, allan Cita: Iniciado por allan0254 asi lo abran en la resolucion que sea.y no se mueva.. No se mueva ¿de dónde? ¿Quieres que esté a una distancia fija del borde izquierdo y del superior? La resolución siempre va a afectar; si es baja ¿tu capa desaparecerá por el lado derecho de la ventana? Las capas van casi siempre en posiciones absolutas, y eso se da de tortas con las distintas resoluciones... En fin, cada uno diseña como quiere, pero en mi opinión el usuario lo verá de otro modo porque usa otro ordenador. Bueno, respecto a tu pregunta, aclárala un poco. Lo básico es usar position:absolute y left:100px top:0px etc, pero no sé si eso ya lo tienes claro. __________________ Angel :cool:

21-sep-2005, 13:14	#4 (permalink)
angsanchez Fecha de Ingreso: octubre-2004 Ubicación: España Mensajes: 894	La solución estará probablemente en el estilo CSS de esa capa que contiene el Flash, y en último caso el estilo lo podrías cambiar con JS dependiendo de la resolución. Pon el código de la capa, para ver cómo la tienes situada. __________________ Angel :cool:

23-sep-2005, 20:10	#6 (permalink)
axe Fecha de Ingreso: noviembre-2002 Ubicación: Cap. Bermúdez, Santa Fe Mensajes: 116	A ver.... Hasta donde sé hay 2 opciones... 1 es la que mencionaron anteriormente: alinear la capa con respecto a los bordes. Y la otra es una centrado absoluto en relación a la resolución, creería que se puede... pero nunca la probé. La última que se me ocurre es hacer 2 html, una para 800 y otra para 1024... con una página de inicio que detecte la resolución y direccione adonde corresponda. __________________ AXE RomeroSitios.com < conocenos!

28-sep-2005, 13:05	#9 (permalink)
Kalimdor Fecha de Ingreso: junio-2004 Ubicación: Ciudad de Panamá, República de Panamá. Mensajes: 67	Tengo el mismo problema... Hola, compañeros del foro. Al igual que el compañero allan0254, estoy buscando una solución al mismo problema. tunait, dices que con css puede arreglarse este problema. Si no es mucha molestia, ¿podrías darnos una explicación o un ejemplo con el cual guiarnos? Sería de gran ayuda y te lo agradecería muchísimo. O algún compañero que tenga una idea o la solución en sus manos, ¡bienvenida sea! . Muchas gracias. Kalimdor. __________________ "Dios no manda cosas imposibles sino que, al mandar, te enseña a que hagas cuanto puedes y a que pidas lo que no puedes". San Agustín.

21-sep-2005, 13:11	#3 (permalink)
allan0254 Fecha de Ingreso: noviembre-2002 Ubicación: lima-peru Mensajes: 114	si bueno lo que pasa,.. tengo una web centrada de 779 de ancho... se ve bien en 800x600 y en 1024 x768 .. esta con sus tablas y todo.....el detalle esta en que quiero incoroprar un flash en una capa por que con el dreamveaver hago que sea tranparente y no interfiere con mis tablas ...el detalle esta que siendo capa...la capa la veo bien en mi diseño con relacion a mi resolucion de 1024x768 ,, pero por ser capa ... al cambiar a otra resolucion se mueve ... la pregunta es si existe una manera o han visto una forma de enganachar la posicion de la capa con relacion al diseño para que no se mueva por mas que cambien la resolucion ....creo que la solucion podria estar en un dhtml .....

23-sep-2005, 19:47	#5 (permalink)
allan0254 Fecha de Ingreso: noviembre-2002 Ubicación: lima-peru Mensajes: 114	y algun ejemplo de eso.. alguien tienes la respuesta... se puede hacer

24-sep-2005, 04:03	#7 (permalink)
tunait Moderadora Fecha de Ingreso: noviembre-2002 Ubicación: Terok Nor Mensajes: 14.895	Desde luego que la solución más eficaz y adecuada es haciendo uso de css sin recurrir a ningún script. Traslado el tema al foro de css movido desde javascript Un saludo

28-sep-2005, 10:57	#8 (permalink)
allan0254 Fecha de Ingreso: noviembre-2002 Ubicación: lima-peru Mensajes: 114	hola... (alinear la capa con respecto a los bordes.) si pero si hago eso... igual se va a mover cuando alguien cambie de resolucion en una pantalla superior ..si alguien lo ve una de 1150 o en mas , entonces esa no seria la solucion....lo de redireccionar suena bien,..pero quiero que se vea bien en todas las resoluciones posibles...... lo del css me parece razonable...pero es solo una hipotesis o alguien lo ha hecho???

29-sep-2005, 09:55	#10 (permalink)
allan0254 Fecha de Ingreso: noviembre-2002 Ubicación: lima-peru Mensajes: 114	hola...llegue a encontrar una respuesta...que ya la habian planteado..y porfin me resulto.. envolviendolo en una capa dentro otra la posicion no me cambia este es el codigo que encontre <body><div> <h2>Resto de la página...... </h2> <h2>Resto de la página...... </h2> <h2>Resto de la página...... </h2> <h2>Resto de la página...... </h2> <h2>Resto de la página...... </h2> (...etc...) <div id="base" style="position:relative; bottom:150px; width:600px; left:100px; background-color:#FFCC66;">Capa de base</div> </div></body> lo he probado en IE y me funciona,,mas todavia no lo he probado en otros N. un saludo y gracias por las sugerencia anteriores

29-sep-2005, 10:33	#11 (permalink)
Kalimdor Fecha de Ingreso: junio-2004 Ubicación: Ciudad de Panamá, República de Panamá. Mensajes: 67	Solución. Hola a todos. Logré hacerlo de una manera super sencilla. Es también envolviendo la capa, de posición absoluta, dentro de una capa de posición relativa, que tiene el ancho y la altura al 100% (tamaño de la pantalla), con coordenadas (0, 0) y un z-index que indica que va primero que la capa a afectar... en este caso, valor 0. Este es el código de dos líneas: Código HTML: <div style="position:relative; width:100%; height: 100%; z-index:0; left: 0px; top: 0px"> <div style="position:absolute; width:215px; height:57px; z-index:1; left: 4%; top: 145px"><img src="imagen_afectada.png" width="578" height="54" /></div></div> Resultado: La imagen afectada mantiene su posición en cualquier resolución. Espero que este código también sea de ayuda para ustedes. Saludos. Kalimdor. __________________ "Dios no manda cosas imposibles sino que, al mandar, te enseña a que hagas cuanto puedes y a que pidas lo que no puedes". San Agustín.

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado