Home › Forums › CSS › Centering a pop-up window… › Re: Centering a pop-up window…
January 27, 2012 at 12:04 am
#95519
gringojason
Member
Arrrrrggghhhh. Doesn’t work. I got all excited because it should work…made sense to me. So, I added the CSS you wrote to the bottom of the plug-in CSS file and it looks like this…
#PopUpFad {
background: #fff;
border: 4px solid #000;
position: absolute;
height: 80%;
width: 60%;
margin-top: -780px;
margin-left: -385px;
opacity: 0.9999899999999999;
KHTMLOpacity: 0;
filter: alpha(opacity=0);
-moz-opacity: 0;
z-index: 1000;
}
#PopUpFad a {
text-decoration: none;
border: none;
font-size: 9px;
color: #333;
}
#PopUpFad img {
border: none;
}
#PopUpFad .PopUpFadClose {
position: absolute;
top: 5px;
right: 5px;
}
#PopUpFad.show {
display: block;
}
#wrapper {
height:100%;
width: 100%;
margin: 0;
padding: 0;
border: 0;
}
#wrapper td {
vertical-align: middle;
text-align: center;
}
Then I added the HTML to the plug-in content area…
And nothing changed. Still centered horizontally, but not vertically. I even took the CSS you wrote and added it to my theme’s custom CSS to see if that would work. Still no change. Did I input something wrong? I REALLY appreciate all the help you are giving me. Thanks…