The SitePoint Forums have moved.

You can now find them here.
This forum is now closed to new posts, but you can browse existing content.
You can find out more information about the move and how to open a new account (if necessary) here.
If you get stuck you can get support by emailing forums@sitepoint.com

If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Image Pop-up Positioning

Hi guys,

I have been recently asked to update a site. I am still fairly new to CSS but am getting a good handle on it. The site uses a Java script to pop up images when certain links are rolled over. This works great and I have added text and images and it all works properly.

The problem I have inherited is that the images all pop up in the same positions. I can force them down by changing the CSS but if you scroll down the page and roll over the text the image tends to get cut off depending on how far down or up you may have scrolled in the browser. Is there a way to position the pop up to center itself vertically in the browser whether you are at the bottom of the page or the top?

I can post the code if need be. The CSS controling the pop ups is inside the code if you view the source.

I'd really appreciate any help on this. I know that it needs to be validated still but I have been nervous about messing with it since most of the errors surround bits that deal with the Java and I know next to nothing about Java.

k, I don't think that the positioning of hidden layer is a CSS thing (at least I don't know how to make it work), this smells rather like DHTML.

off topic.
style1 suggests that this was dreamweaver's auto code, but you could make your css a little smaller by merging the classes: all details for all of the hidden ID are the same, so you can make your life easier by doing this: