overlay

css/especificos.css

@@ -26,7 +26,7 @@ html, body
 
 /**************CONTACT DIV**************/
 #overlay-contact {
-    position: absolute;
+    position: fixed;
     top: 0;
     left: 0;
     height: 100%;

css/productos.css

@@ -89,6 +89,7 @@ margin-top: 50px;
     width: 820px;
     margin-top: 20px;
 }
+
 #productos_wrapper
 {
     width: 90%;
@@ -97,8 +98,7 @@ margin-top: 50px;
 	display: table;
 }
 
-.listaproductos{padding-bottom:10px; width:100%;}
-
+.listaproductos{padding-bottom:10px; width:100%;min-height:170px;}
 .imagen{
 	margin-top: 2%;
 	margin-left: 2%;
@@ -115,3 +115,18 @@ margin-top: 50px;
 	width: 70%; 
 	float:left;
 }
+
+#descripcion_completa{
+	z-index:11;
+	position: fixed;
+	background-color: white;
+	width: 90%;
+	height: 100%;
+	display:none;
+	top: 0px;
+	left: 0px;
+}
+
+#descripcion_completa > texto{
+	z-index:12;
+}

index.php

@@ -15,9 +15,9 @@ header('Content-Type: text/html; charset=UTF-8');
             var clickExit=false;
             var clickOutside=false;
             
-            $('.contact').click(function(){
+            $('.contact').click(function(event){
                 var tempScrollTop = $(window).scrollTop();
-                
+                event.preventDefault();
                 $('.basic-grey, #overlay-contact').toggle();
                 
                 

productos.php

@@ -39,7 +39,10 @@ $(document).ready(function() {
 	getData();
 	function getDesc(){
 	$.get('vermas.php', {id : expand}).done(function(data){
-		$("#descripcion-completa").html(data);
+		$("#descripcion_completa").html(data);
+		$("#overlay-contact").css("display","block");
+		$("#descripcion_completa").css("display", "block");
+		$("#overlay-contact").css("height",$(document).height()+"px");
 	});
 	}
 	
@@ -126,7 +129,7 @@ $(document).ready(function() {
 		
 		<div id="overlay-contact">
 		</div>
-		<div id="descripcion-completa">
+		<div id="descripcion_completa" >
 		</div>