Foros del Web » Creando para Internet » CSS »

Posicionamiento de Pop Up ajustado a containter ppal!

Estas en el tema de Posicionamiento de Pop Up ajustado a containter ppal! en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 10/05/2008, 00:07
 
Fecha de Ingreso: julio-2007
Mensajes: 57
Antigüedad: 10 años, 4 meses
Puntos: 1
Pregunta 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
  #2 (permalink)  
Antiguo 10/05/2008, 16:08
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Posicionamiento de Pop Up ajustado a containter ppal!

Cita:
Iniciado por juampick Ver Mensaje
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.
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.
  #3 (permalink)  
Antiguo 11/05/2008, 00:18
 
Fecha de Ingreso: julio-2007
Mensajes: 57
Antigüedad: 10 años, 4 meses
Puntos: 1
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

Última edición por juampick; 11/05/2008 a las 01:19 Razón: *agregué screenshot IE6.0
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:49.