Need help? Check out our Support site, then


Centering popup div

  1. 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!

  2. You did not specify a blog address or reason for posting when you created this topic.

    This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you'll find help at the WordPress.org forums.

    If you don't understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

    If you forgot to include a link to your blog, you can reply and include it below. It'll help people to answer your question.

    This is an automated message.

  3. sorry, wrong forum

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags