Responder a este mensaje

Hola de nuevo.... 
  
Pues la verdad es que yo sólo trabajo con IE pues no sé mucho de JS ni CSS en
otros exploradores (debe ser por eso que todavía no me atrevo a abrir una página
web). 
  
Bueno, según lo que entendí, lo que quieres hacer es centrar un objeto en todo
el centro de la ventana del explorador. 
  
En IE puedes usar este código (centra el contenido tanto vertical cómo
horizontalmente): 
<div style="position:relative;"><div
style="position:absolute;vertical-align:middle;top:50%;left:50%;"><div
style="position:relative;top:-50%;left:-50%;">AQUÍ PONES LO QUE QUIERAS QUE QUEDE
EN EL CENTRO</div></div></div> 
  
De esa forma no tienes que tocar las márgenes, por lo que da igual si la barra
es, o no, tomada en cuenta! 
  
Probé el código en FireFox y no funcionó. Así que investigué un poco en internet
y modifiqué un poco el código para que funcionara tanto en IE cómo en FireFox: 
<script>a=16; 
b=16;document.write('<div
style="#position:relative;display:table;overflow:hidden;width:'+(window.innerWidth-a)+';height:'+(window.innerHeight-b)+';">')</script><div
style="#position:absolute;vertical-align:middle;#top:50%;#left:50%;display:table-cell;"><div
style="#position:relative;#top:-50%;#left:-50%;"><center>AQUÍ PONES LO QUE
QUIERAS QUE QUEDE EN EL CENTRO 
</center></div></div></div> 
  
Si quieres que quede un poco más arriba, o abajo: 
En IE: le modificas los valores "#top" de cada uno de los últimos 2 DIVs,
teniendo en cuenta que sumados, sin contar los signos, debe dar 0! (Entre más
alto el valor del primero, más arriba queda) 
En FireFox: Le modificas el valor de la variable "b" (entre mayor valor, más
arriba queda) 
  
Si tienes algún tipo de error utilizando el código en FireFox o IE, por favor
avísame para intentar encontrar al problema! 
En los otros exploradores, cómo Opera y demás, no probé el código porqué no los
tengo instalados! 
  
Espero que te haya solucionado el problema! 
Un saludo 
Carlos 
 
 
 
> From: supersantos48@msn.com> To: consultas@usuarios.saulo.net> Date: Mon, 5 Feb 2007 10:58:30 -0400> Subject: RE: [SauloNet] JS para CSS> > Como bien sabes IExplorer a la hora de centrar por ejemplo una caja mediante> CSS utiliza el criterio de no incluir el ancho de scrollbar (18px) en el> margin-right, cosa que no hace Firefox cuya scrollbar (13px) se incluye en> el margin-right lo que visualmente crea una diferencia apreciable del lado> del usuario.> Algo similar ocurre con Opera. Ver ejemplo en:> http://img240.imageshack.us/img240/289/fieldset2gz7.gif>; No estoy seguro pero creo haber visto en una ocasión un JS que se incluye en> un comentario condicional de forma que del lado de usuario se visualiza> exactamente en el centro en función de la resolución de pantalla, del ancho> de la caja, los márgenes establecidos y tomando en cuenta el criterio que> cada navegador hace en la exclusión o no de scrollbar en el margin-right con> CSS. > En la imagen del enlace se ha utilizado scrollbar en el lado derecho:> #box {> width: 68%;> margin-left: 16%;> border: dashed #999 1px;> background-image: url(bg.gif);> background-color: #FFCCFF;> margin-top: 20px;> }> Si se utilizara scrollbar en el lado izquierdo, la diferencia se plantearia> en el margin -left, pero ello no afectaría a la hora de utilizar el JS.> Lo que no se es si es factible detectar si el usuario tiene los valores de> scroolbar por defecto modificados, que como sabes tambien se puede> customizar. > Bueno, creo que ahora si te situaras mejor en la consulta.> Un cordial saludo de SantosVZ> > -----Mensaje original-----> De: Carlos Eduardo ??? [mailto:carlosetejada@hotmail.com] > Enviado el: Domingo, 04 de Febrero de 2007 11:02 p.m.> Para: consultas@usuarios.saulo.net> Asunto: RE: [SauloNet] JS para CSS> > Hola SantosVZ...> > No entiendo muy bien qué es lo que quieres hacer.> Quieres que la "caja" quede justo en el centro de la pantalla?> Bueno, la verdad es que no entiendo muy bien lo que quieres, explícame un> poco mejor y tal vez pueda ayudarte!> > Un saludo> Carlos> > > > > From: supersantos48@msn.com> To: consultas@usuarios.saulo.net> Date: Sun,> 4 Feb 2007 11:17:46 -0400> Subject: [SauloNet] JS para CSS> > Alguien conoce> algún JS que se pueda utilizar en un comentario condicional> de forma que> aplicando un CSS a una caja la situe justo en el centro tomando> en cuenta> los anchos de scrollbar de cada navegador en el caso de que este> ancho lo> considere parte del margen como es el caso de IE.> Recuerdo haber visto algo> de ello pero no recuerdo donde.> > Un cordial saludo de SantosVZ> > > > >> ____________________________> > Lista de correos de Saulo.Net> Información,> bajas y altas en http://www.saulo.net/lista/> _________________________________________________________________> Busca desde cualquier página Web con una protección excepcional. Consigue la> Barra de herramientas de Windows Live hoy mismo GRATUITAMENTE.> http://www.toolbar.live.com> > ____________________________> > Lista de correos de Saulo.Net> Información, bajas y altas en http://www.saulo.net/lista/> > ____________________________> > Lista de correos de Saulo.Net> Información, bajas y altas en http://www.saulo.net/lista/ 
_________________________________________________________________ 
Consigue el nuevo Windows Live Messenger 
http://get.live.com/messenger/overview