Been puzzling al morning, but I can't figure this one out.
I got a pop-up working on my blog. I wanna use this to popup a bigger version of a picture, which it does.
If you scroll down to 2, you'll see that it doesn't center vertically, what you now see is just an absolute position. How can I make it center horizontally?
Would be nice if the div would also center horizontally and/or adjust to fit it contents, but that's just a bonus.
This is the css for the popup div:
.endomondo {<br />
visibility: hidden;<br />
background: white;<br />
border-style: solid;<br />
border-width: 1px;<br />
border-color: red;<br />
position: absolute;<br />
top: -178px;<br />
left: -220px;<br />
width: 1200px;<br />
height: 825px;<br />
text-align: center;<br />
}
Thanks in advance!