centrar una pagina de 780x550

miketrix_esp · #1 (**permalink**) 14/04/2005, 05:38

Hasta ahora lo que hacia para centrar paginas rectangulares era mediante una tabla centrada de 100% de ancho. Eso va bien para centrar horizontalmente pero verticalmente ya es mas complicado. Para iexplorer esta el atributo valign="center" pero a parte de q no centra realmente bien, no es compatible con otros navegadores.

En el curro donde estoy ahora utilizan esto para centrar:

Código HTML:

<html>
<head>
<title>titulo</title>
<script language="javascript" type="text/javascript">
var X=window.screen.width;
var Y=window.screen.height;
var ResX=800; //Ancho de resolucion deseado
var ResY=600; //Alto de resolucion deseado
 
var X1=Math.ceil( (window.screen.width - ResX) / 2 );  
var X2=X-X1-ResX;
var Y1=Math.ceil( (window.screen.height - ResY) / 2 ); 
var Y2=Y-Y1-ResY;
</script>

</head>
<script language="javascript" type="text/javascript">
document.write('<frameset cols="'+X1+','+ResX+','+X2+'" frameborder="NO" border="0" framespacing="0" onload="fcent.focus()" marginwidth="0" marginheight="0">');
document.write('<frame name="fiz" scrolling="NO" noresize src="marge.htm">');
document.write('<frameset rows="'+Y1+','+ResY+','+Y2+'" frameborder="NO" border="0" framespacing="0" marginwidth="0" marginheight="0">');
document.write('<frame name="fsup" scrolling="NO" noresize src="marge.htm">');
document.write('<frame name="fcent" scrolling="NO" noresize src="home.html" marginwidth="0" marginheight="0">'); 
document.write('<frame name="finf" scrolling="NO" noresize src="marge.htm">');
document.write('</frameset>');
document.write('<frame name="fder" scrolling="NO" noresize src="marge.htm">');
document.write('</frameset>');
</script>
<noframes><body bgcolor="#FFFFFF">

</body></noframes>
</html>

Bueno, aqui lo que hace basicamente es recoger la resolucion del usuario y el espacio sobrante lo reparte equitativamente en frames. Esto va perfectamente sobretodo si queremos una pagina a pantalla completa. Pero si es en una ventana normal, me come un trozo de la web :S Llevo ya horas modificando pero no consigo centrarlo bien.

Alguien sabria qué modificar en el codigo de arriba o alguien que conozca otra tecnica para centrar?

gracias!!