Problemas con una capa!!!

Loco del Pc · #1 (**permalink**) 11/11/2004, 08:37

Holas amigos del foro!

He puesto una capa en mi pagina web.. y ocurre el problema de que cuando veo la pagina en diferente resolucion a la que la cree, la capa se mueve solita.. imagino que es por las propiedades de la capa.. hay alguna forma de hacer q la capa se mantenga siempre donde debe ser.. sin importar la resolucion en la que se vea????

gracias

vitrorhei · #2 (**permalink**) 11/11/2004, 11:51

Algo como esto puede servir.

<div id="Layer1" style="position:absolute; width:250px; height:850px; z-index:1; left: 10; top:100">

donde esta los atributos del tamaño y la posición (left y top) en la pagina

Loco del Pc · #3 (**permalink**) 11/11/2004, 12:35

Gracias por tu respuesta... pero no funciono!.. cuando cambie la resolucion de la pantalla. la pagina se centra.. pero la capa sigue con el mismo margen...

creo que la respuesta seria encontrar alguna forma de mirar la resolucion y en base a eso moverla... o darle la misma posicion que algun otro elemento dentro de la pagina... para que en caso de cambiar la resolucion.. quede bien...

Bueno imaginarlo me resulta facil.. pero no soy capaz de programarlo

orochies · #4 (**permalink**) 11/11/2004, 21:51

Hola pues yo me meti a ver que podia hacer para solucionar este problema pues a my tambien me han pasado pero apenas llevo esto y la verdad solo me a funcionado el script en opera 7.23 y IE6 con SP2 aunque con explorer habria que hacerle unos cambios de posicionamiento que se pueden resolver mas facilmente eh probado tambien en Mozilla firefox 1.0 pero no me hacepto el script...

Esto es lo que tengo espero que lo puedan comprender:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<title>prueba de pocicion de capas en dos resoluciones(800x600 y 1024x768)</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">

<script type="text/javascript">

function posicion() {
if ((screen.width == 800) && (screen.height == 600)){
document.getElementById('posiciono').className='cl ase2'
}

}
</script>

<style type="text/css">
body {
margin: 0px;
padding: 0px;
}

#contenedor {
width: 700px;
height: 300px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
border: none;
background-color: Blue;
}

div.clase1 {
position: absolute;
top: 20px;
left: 161px;
border: none;
background-color: red;
width: 200px;
height: 200px;
}

div.clase2 {
position: absolute;
top: 20px;
left: 39px;
border: none;
background-color: teal;
width: 200px;
height: 200px;
}
</style>

</head>

<body onload="posicion()">
<div id="contenedor">

<div class="clase1" id="posiciono">

</div>

</div>
</body>
</html>

Espero que alguien mas pueda aportar para solucionar el problema...

_saludos...

vitrorhei · #5 (**permalink**) 12/11/2004, 22:54

Bueno Loco en tu segundo mensaje entiendo que lo que quieres es que la capa se posicione en un sitio espesifico en el marco de tu pagina, en otras palablas tu pagina siempre se posiciona en centrado y tu capa siemple en las mismas cordenadas.

Entonces el problema esta en:

Determinar donde tienes tu capa revelde.
1.Dentro de otra capa o tabla?
o
2.Individual, por fuera de otras capas o tablas?

tu problema me sugiere que es la segunda pregunta la que escojes...