Como reparar capas cuando hago resize en IE?

demente · #1 (**permalink**) 16/06/2003, 09:40

Que tal amigos, resulta que tengo unas capas o divs en una pagina que estoy diseñando pero tengo un problema, cuando la ventana esta maximizada no hay problema pero cuando hago resize y disminuyo el tamaño de la ventana, las capas se descuadran y no quedan justo donde estaban ubicadas originalmente.

Gracias por su colaboracion de verdad que me seria de mucha ayuda en este momento.

ProgramacionWeb · #2 (**permalink**) 16/06/2003, 09:52

lo mas facil es que pongas:

Código PHP:

  <script>

function recargar(){

location.reload();

}

window.onresize = recargar;

</script>

demente · #3 (**permalink**) 16/06/2003, 10:07

Que tal, es una buena idea, pero es una lastima que no funcione como esperaba, la capa sigue descuadrandose al cambiar de tamaño la ventana.

Gracias de todos modos por intentar ayudarme.

ProgramacionWeb · #4 (**permalink**) 16/06/2003, 10:11

Pues puedes hacer lo siguiente:

Código PHP:

  <script>

function maximizar(){

window.resizeTo(window.screen.availWidth,window.screen.availHeight);

window.moveTo(0,0);

}

maximizar()

window.onresize = maximizar;

</script>

Lo cual maximizará la ventana y la mantendrá siempre mazimizada aunque la cambiemos de tamaño, supongo...

Si, lo prove y funciona

demente · #5 (**permalink**) 16/06/2003, 11:00

Gracias, al menos no permite disminuir el tamaño de la ventana.

Eres muy amable de verdad que si.

Adios y gracias de nuevo

jsp · #6 (**permalink**) 20/06/2003, 15:38

Me parece que tengo un problema similar. Tengo una página con una capa que contiene una suerte de barra de navegación. En IE 5.5 y 6 todo funciona normalmente y se visualiza tal como lo diseñe, pero con explorer 5.01 la capa que contiene la barra aparece absolutamente descolocada y casi no se alcanza a ver. Como si esto fuera poco, el 5.01 repite una palabra de texto dos veces: ¿por qué?

Vaya a saber uno, es la única palabra que repite de toda la página!! (css).
Ya lo he probado con más de diez computadores diferentes corriendo IE 5.01. Alguien sabe de este tipo de error, o yo estoy haciendo algo mal? Hasta donde llegan realmente las compatibilidades de browsers desde el 5 al 6? Dreamweaver no detecta ningún error, y otros scripts supuestamente para versiones más avanzadas de explorer funcionan a la perfección.

agradeceré cualquier guía.

Bravenap · #7 (**permalink**) 21/06/2003, 02:58

Bueno, si usáis Dreamweaver automáticamente se crea un script para no desajustar las capas. Funciona tanto en IE como en NS.

Código:

<html>
<head>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>

<body>

<div id="Layer1" style="position:absolute; left:100px; top:100px; width:250px; height:250px; z-index:1;"> 
Contenido de la capa
</div>
</body>
</html>

Espero que esto os funcione.

Un saludo.

jsp · #8 (**permalink**) 21/06/2003, 13:25

El script está pero la capa sigue apareciendo en mala posición si ves la página en IE 5.01. De todas formas, la capa está fuera de posición apenas uno abre la página, sin la necesidad de haber hecho un reajuste a la ventana. Otras capas en la página se ven bien.

La página es parte de un entramado de frames, ¿podría ser esto el problema? (aun cuando revisé que el script estuviera en la página correcta).
¿Podría ser un problema de la resolución de pantalla? De todas formas solo sucede con IE 5.01.

Aparte, alguien sabe de problemas de ese explorador con el uso de CSS?

Gracias nuevamente.

Saludos.

jsp · #9 (**permalink**) 01/07/2003, 18:11

Disculpen la demora, pero por fin ya lo solucione.
El problema radicaba en la combinación de un iframe con las capas. Aparentemente IE 5.0 no lee bien los z-index de las capas, o más bien, no es capaz de combinarlos junto a iframes. ¿Qué es lo que pasaba?: En una misma página tenía un iframe ocupando casi todo el cuerpo de la página, y al fondo una barra tipo navegación. Esta barra estaba puesta dentro de una capa, cargándose sobre el iframe y dando una cierta profundidad a este último (ya que al hacer scroll el contenido del iframe salia desde la barra).
En IE 6.0 todo se cargaba bien. Me parece que lo que hace el explorador es otorgarle al iframe un valor default de z-index (digamos 1 o 0) y las capas aparecen en su lugar correcto (x,y) y en su z-index correcto (2,3,4, etc.) sobre el iframe.
Con IE 5.0, aparentemente el explorador por default sitúa al iframe sobre todas las demas capas. Yo creía que era un problema de posición (x,y) pero en realidad las capas están en su lugar correcto, sin embargo el iframe aparece sobre estas, tapando parte de ellas (lo que en un principio creí era un problema de la posición

) Ahora bien, aunque el iframe aparece sobre las demás capas, éstas mantienen entre sí su z-index correcto, cargándose una sobre otra tal como yo lo especifiqué pero siempre bajo el iframe.
No sé qué pasará con IE 5.5 pues no pude probarlo.

La única "solución" que encontré fue cambiar el tamaño del iframe para que no tapara las capas. Según lo que entiendo, no es posible otorgarle un z-index a un iframe, sin embargo me parece radical la variación del comportamiento entre dos exploradores tan "cercanos" (5 y 6) para un mismo elemento: uno lo sitúa al frente de todo y el otro al fondo.

Espero que a alguien le sirva esta información (a lo mejor soy el único que trabaja con iframes y capas).

ersamupro · #10 (**permalink**) 11/08/2010, 20:04

Cita:

Iniciado por demente

Que tal amigos, resulta que tengo unas capas o divs en una pagina que estoy diseñando pero tengo un problema, cuando la ventana esta maximizada no hay problema pero cuando hago resize y disminuyo el tamaño de la ventana, las capas se descuadran y no quedan justo donde estaban ubicadas originalmente.

Gracias por su colaboracion de verdad que me seria de mucha ayuda en este momento.

Pues si te digo la verdad, yo tenia el mismo problema que tu, y lo que hice simplemente, fue meter toda la pagina dentro de una capa, redimensionado al ancho de la pantalla, desde entonces aunque redimensione la ventana ya no se me descuadran las capas. Yo utilizo tablas y capas combinadas, para mi era un gran problema que se me descuadrase ^^, aca te dejo el código que utilizé:

<html>
<head></head>
<body>
<div id="todo" style="width:1240px;position:relative;">TODO EL CONTENIDO DE LA PAGINA</div>
</body>
</html>

Si utilizas este código, juega con el tamaño del "Widht" para que se te ajuste la medida que quieres.