Lol! I went away for a while but I'm moving to a new house. I have two months of nothing to do while I'm stuck sitting here waiting for some work to be done. So I thought I'd drive people crazy repeating what they repeat. But it's hard to drive people crazy when, for them, it's such a short walk. :)
http://forums.digitalpoint.com/showt...php?p=12262629 I said: "Usually when I hide and show stuff, since I'm building for no-JS anyway (always have a working, functional site with all information available without JS, then use JS to move stuff off-screen... that way those without scripts can also use the site), I start off using my usual centering methods like margin: 0 auto; The absolute positioning doesn't come into play until the hovering starts (or in your case, when the JS kicks in)..." -continued-
continued... "So start out like this #element { (is position: static by default when on screen) width:; margin: 0 auto; (or whatever) } #element.aNewClass { position: absolute; left: -9999em; whatever else; } Instead of a new class I have a hover event, but same thing. Since you're using JS you can append the new class onto the div, which will make it absolutely positioned and off-screen. Or you can do it the other way around... start out abso-po'd and have adding the class remove that: #element { position: absolute; left: whatever; } #element.aNewClass { position: static; other styles; margin: 0 auto; } or whatever." So the record is public.