Posicionamiento de Pop Up ajustado a containter ppal!
 

Hola, desde ya muchas gracias por darme una mano. Diseñe por mucho tiempo páginas pero con html, flash y tablas y definitivamente como lei en muchisimos lugares, es mucho mas recomendable trabajar con xhtml y css entonces comence a estudiar. Hace una semana estoy jugando y probando y ahi voy, pero ahora me surgio un problema.
Quiero que el POP UP que se abre si se apreta el boton "5+2 te desafia" aparezca centrado totalmente verticalmente al contenido, y con un margen superior.
No puedo hacer que esto funcione, solamente en una pc, ya que yo lo configuro en mi LCD 19" para posicionarlo ABSOLUTE con un margin-left de tantos px pero no sirve, porque en un monitor mas chico, o mas grande con diferentes resoluciones cambiaría.
Cual sería la solucion??
Les dejo el link de la "pag"(proyecto de serlo, links no andan, x las dudas): http://www.cincomasdos.com.ar/DEMO2/test1pag.html

y el CSS esta en: http://www.cincomasdos.com.ar/DEMO2/Css1.css

Tmb si me pueden informar de como se hace para hacer una opacity cuando apreto el popup para el resto de la pantalla (Tipo LIghtbox). Saludos y agradecería su ayuda

Re: Posicionamiento de Pop Up ajustado a containter ppal!
 

Disculpa pero no entiendo esta frase. ¿Centrado verticalmente y con un margen superior? ¿no querrás decir centrado horizontalmente?

Si es así, prueba a cambiar esta clase:

#PopUp {
display:none;
position:absolute;
width: 600px;
margin-left:50%;
left: -300px;
border: dashed black 1px;
padding: 10px;
background-color: #ccc;
text-align: center;
font-size: 12px;
}

Mikel.

Re: Posicionamiento de Pop Up ajustado a containter ppal!
 

Primeramente, muchisimas gracias por tu ayuda tan eficiente!!! la verdad que esta re-bueno poder encontrar gente tan dispuesta a ayudar a los que recién empezamos :).
Claro, justamente era lo que yo quería hacer, solamente que le tuve que variar un poquito el valor para que me quede centrada.
Quedo así:

#PopUp {
display:none;
position:absolute;
width: 600px;
margin-left:50%;
left: -312px;
top:25%; (para q se vaya un poco para abajo)
border: dashed red 2px;
padding: 10px;
background-color: #dbdbdb;
text-align: center;
font-size: 12px;
}

Ahora quedo centradita en mi pc (19") pero mi miedo es que no funcione en resoluciones mas grandes o mas chicas. (http://www.cincomasdos.com.ar/DEMO2/test1pag.html MODIFICADA "ANDANDO"). Ya con eso es suficiente y no voy a tener problemas?.
Ya que estoy aprovecho a preguntarles como se puede solucionar porque tuve la desgracia de acordarme que existe el IE y la probé y la verdad que fue cualquier cosa, todo se me corrió para cualquier lado :( Cual es el problema? Como se soluciona? Hice la validacion en la w3.org y me dio perfecto el XHTML y el CSS. :S
Leyendo el FAQ encontre esto: browsershots.org y hice screenshots de los 40 por default navegadores que te pone, en TODOS se ve bien, menos en los de MICROSOFT... :( les dejo un screenshot en mi servidor para que vean como se ve en el IE6 ovbiamente para ver como se puede solucionar :S.
http://www.cincomasdos.com.ar/DEMO2/IE6.png


Tmb si me pueden informar de como se hace para hacer una opacity cuando apreto el popup para el resto de la pantalla (Tipo LIghtbox) Hay algun truquito??

Gracias desde ya