css float - Lightbox alignment issue -


on button click m opening lightbox. displaying content on it. lightbox working fine. in high resolution alignment of lightbox center screen. if see same in normal resolution 1024 *768. lightbox showing in left of screen. want show in center of screen resolutions. using following css.

.white_content_note {         display: none;         position: absolute;         width: auto;         height: auto;         padding: 15px 25px;         opacity:1.00;         border: 2px solid #c90000;         background-color: #ffffff;         z-index:1002;         border-radius: 10px 10px 10px 10px;         top:165px;         margin:0;         font-family:calibri;         right:455px;         behavior:url(images/pie.htc);        } 

even try position : relative; margin: 50px auto;

it not working. appreciated

you should use relative setting right alignment: right:455px;

and change position relative also.


Comments

Popular posts from this blog

Why does Ruby on Rails generate add a blank line to the end of a file? -

keyboard - Smiles and long press feature in Android -

node.js - Bad Request - node js ajax post -