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…


Ok. Maikel…I messed around with it and got the pop-up consistently centered. Here is the current code…

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

I love how that looks. Perfectly centered. I decided against filling the whole browser window because I didn’t like the look of it. Having the extra while space around the images is fine with me.

But now my issue is getting the image centered in the pop-up. I can get it centered horizontally, but not vertically. I know this is getting out of CSS and into HTML, but this is the code I have for my text image…

Obviously, the “valign” is not working. I tried it on the tr level and even without the table, but I cannot get the image centered. Any suggestions? Thanks again for all your help…