I am building an interface where I have a DIV that gets made visible when you roll over a certain area. The div contains some nav elements, which are jscript rollovers themselves. I've got the code working to hide and show the DIV and to do the rollovers (I've only done the one in the upper left). Here is what it looks like so far:

Home

The problem is, I really want the design to be centered, and since I am using absolute positioning for the DIV, this creates a problem. Here is what it looks like when I center the underlying table:

Home

I'm pretty new to all his, and am stumped as to how to get that DIV element to center and align with the underlying table (since it is centered, I can't really predict exactly where it will be in the window).

I've seen articles saying this kind of thing can be one with CSS and have tried several of the samples I've seen with no luck. Anyone know of a good way to do this? Any help greatly appreciated.

Thanks

Johnmr

*

I can't see your problem, but I'm working on a similar site and I have the answer on it. Feel free to mod the code to your own specs.

It also uses relative and absolute positioning to put all the elements exactly where I wanted them to be, and it's rizzhonourably clean IMHO.

http://216.89.218.233/rosenlawsite

And for the love of God, get rid of Dr*amw*av*r. It's screwing up your code something awful.

I see the problem. Seems it only happens with the upper-left quadrant, at least in Firefox.

Have you tried this method ?
Pure CSS Popups

That example is on a smaller scale, but the principle is the same.

Yes, I've only done the upper left one - the resxt are still just straight jscript rollovers. I did have a look at your link, but not quite sure how it applies here - I have the turning the DIV off and on covered, it is just the centering it to match the width of the underlying table I'm having trouble with. Any clues? Any hel appreciated.

thanks for the advice - your site look very much like what I'm trying to do. The one big difference is that in each "rollover" I need to have embedded links, not just one link to the whole area, which is why I'm showing and hiding a whole DIV to begin with. As you can see this all works fine (albeit with Dreamweaver's bulky code - you're are so right about that), but the real issue, as I see it, is that I can center that DIV when it is called by the rollover. Any ideas on getting that to work? Any help appreciated.