PDA

Ver la Versión Completa : Marcos centrados de acuerdo a la resolución pantalla


HombreSigma
02-12-2005, 23:21:21
Saludos:

Tengo dos marcos: MarcoSuperior.htm y marcoInferior.htm. Como su nombre lo indica el primero se despliega en parte superior y el segundo en la parte inferior.

Dentro de marcoinferior.htm tengo otros dos marcos: MarcoInferiorIzquierdo.htm y marcoInferiorDerecho.htm. Como su nombres lo señalan el primero se despliega en la parte izquierda del marco inferior y el segundo en la derecha.

Como logro que aparezcan centrados en la pantalla independientemente de la resolución de la misma pantalla. Igualmente como logro que al cambiar el tamaño de la resolución de la pantalla no se afecte la presentación de la información de los mismos, es decir, que las divisiones de los marcos se muevan acordemente junto con el contenido de los mismos para que se vea todo proporcionalmente al tamaño?

Gracias por la información.

Emilio
03-12-2005, 23:11:29
Tanto el objeto screen como el body tienen propiedades de ancho y alto, sólo es hacer que al cargar el documento llames a tu función para que se ajuste a tus necesidades, ahí va un ejemplito.
<script>
function propiedades() {
alert( "Resolucion de pantalla: " + window.screen.availWidth + " x " + window.screen.availHeight );
alert( "Tamaño de la ventana: " + document.body.offsetWidth + " x " + document.body.offsetHeight );
}
function redimensiona() {
// Aquí asignas los valores que quieras a los marcos que quieras, por ejemplo...
top.FrameIzquierda.width = document.body.offsetWidth - 100;
}
</script>

<body onload="propiedades()" onresize="redimensiona()">