Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 22-abr-2008, 10:42   #1 (permalink)
obeiix ha deshabilitado el karma
 
Fecha de Ingreso: noviembre-2007
Mensajes: 8
Busqueda Centrado vertical en función de...

Muy buenas:

Como antecedentes pondré que he buscado en el foro 'centrado vertical' y de los 10 resultados los he mirado todos. Además de un largo rato buscando en google.

El problema es sencillo y la solución espero que también:

Imaginar una tabla con 100 filas, en cada fila se puede hacer click en un botón y al pulsarlo debería salir una capa con una información ( de 200x200).
El problema está en que si estamos por ejemplo en la fila 50, al hacer click habría que subir hasta arriba de la página para ver la capa que surge al presionar el botón.
No sirve un top%50 porque entonces vale, no hay que subir hasta arriba del todo... pero la capa no sale en tu area de visión, sino en el centro de la página.

¿Existe alguna solución?

Notas:
Es una visión simplificada del problema que tengo, ya que realmente, es que esa capa es una información sacada mediante ajax, además la tabla es también traída mediante ajax, por loq ue pue puede tener 100 filas y luego pulsar eliminar y quedarse con 40filas ...

Como solución se me ocurre, modificar el valor de top, así si esta en la fila 30 se que tengo que desplazarlo X pixeles... pero esto me parece una chapuza.


Alguna idea ? gracias.
obeiix está desconectado   Responder Citando
Antiguo 22-abr-2008, 11:05   #2 (permalink)
Raulmmmm tiene algunos puntos positivos de karma
 
Avatar de Raulmmmm
 
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.392
Re: Centrado vertical en función de...

Puedes hacer esto:
Código HTML:
<style>
#informacion{ position: fixed; width: 200px; height: 200px; display: none; background: #999; }
</style>
<script>
function mostrar(){
document.getElementById('informacion').style.display = 'block';
}
function ocultar(){
document.getElementById('informacion').style.display = 'none';
}
</script>
<div id="informacion">Tu información <a href="#" onclick="ocultar()">Cerrar</a></div>
<a href="#" onclick="mostrar()">Mostrar información</a>
Mira a ver si es lo que buscas.
Raulmmmm está desconectado   Responder Citando
Antiguo 22-abr-2008, 12:10   #3 (permalink)
obeiix ha deshabilitado el karma
 
Fecha de Ingreso: noviembre-2007
Mensajes: 8
Re: Centrado vertical en función de...

Jod... Si, justo lo que buscaba.
Tremendo con una sola palabra me has dejado tumbado. Fixed.

Muchas muchas gracias.
obeiix está desconectado   Responder Citando
Respuesta

Calificación: Calificación de Tema: 1 votos, 5,00 de promedio.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 20:28.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93