Tengo una tabla en la que cada celda contiene un enlace a otra página, pero en lugar de abrir en una nueva pestaña lo he desarrollado para que lo abra en una ventana modal dentro de la misma página principal.
Mi problema es que la tabla está en la parte inferior de la página, y al hacer clic sobre uno de estos enlaces, la ventana modal aparece en la parte superior de la página, lo que me supone tener que arrastrar la barra de navegación hasta la parte superior del navegador (algo bastante incómodo y tedioso).
Lo que estoy intentando conseguir, es que al hacer clic en el enlace, la ventana modal aparezca a la misma altura, sin tener que desplazarme. Creo que es un problema de CSS, sobre el posicionamiento de la ventana modal, lo cual no entiendo demasiado.
Espero que puedan ayudarme, les dejo el código CSS que creo que es necesario modificar para que tome una posición relativa
Código:
/* CUADRO MODAL CLASIFICACIÓN1 */
.clsVentana {
width: 600px;
height: 500px;
border: solid 1px #ccc;
position: absolute;
top: 50%;
margin-top: -250px;
left: 50%;
margin-left: -300px;
border-radius: 3px;
box-shadow: 0 0 15px #999;
background: #fff;
z-index: 99999;
display: none;
}
