Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Centering a pop-up window… Re: Centering a pop-up window…

#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…