|
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....... |
Hola, allan Cita:
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. |
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 ..... |
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. |
y algun ejemplo de eso.. alguien tienes la respuesta... se puede hacer |
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. |
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 :arriba: movido desde javascript Un saludo :cool: |
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??? |
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! :-):arriba:. Muchas gracias. Kalimdor. |
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 |
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">Espero que este código también sea de ayuda para ustedes. Saludos. :adios: Kalimdor. |
| La zona horaria es GMT -6. Ahora son las 09:23. |
Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.