Responder a este mensaje

No he probado lo que planteas. Pero por encima veo que centras el asunto mas 
sobre top, que sobre magin-right, cuando es el problema. Lo que ocurre es 
que prácticamente no se aprecia en una caja, pero si pones un elemento al 
lado de otro se te desplaza lo que se hace mas perceptible. 
Ya probé con overflow-hidden, pero independientemente de que se visualice o 
no, se toma en cuenta el ancho de scrollbar. 
Probare lo que dices y te lo comento. 
 
Un cordial saludo de SantosVZ 
 
-----Mensaje original----- 
De: Carlos Eduardo ??? [mailto:carlosetejada@hotmail.com]  
Enviado el: Lunes, 05 de Febrero de 2007 05:20 p.m. 
Para: consultas@usuarios.saulo.net 
Asunto: RE: [SauloNet] JS para CSS 
 
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:'+(windowinne 
rWidth-a)+';height:'+(window.innerHeight-b)+';">')</script><div 
style="#position:absolute;vertical-align:middle;#top:50%;#left:50%;display:t 
able-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 
 
____________________________ 
 
Lista de correos de Saulo.Net 
Información, bajas y altas en http://www.saulo.net/lista/