Thanks for that Learning, that's an interesting approach. It seems to borrow the idea of
left:50% for the container and
right:-50% for the content div, with some important differences. I'll start playing around with this, but I still wonder how this can be accomplished when you aren't necessarily sure how much content will populate the container
EDIT > This worked perfectly for a single div, but it will take some more code to allow multiple divs to spread equally along the horizontal plane created by the "horizon" div (as in the example you gave).
Also, for my purposes I want the dynamic panel content to appear in a div that is near the bottom of the page, which I was able to do for a single div, but it required changing the "horizon" div's position to :relative rather than :absolute (this achieved the effect of placing the horizon div in the vertical center of its own container rather than the vertical center of the entire page). Unfortunately, it did not function as responsive css (when resizing the window, it did not adjust. I believe this is because its position is relative to its container rather than absolute in the browser window)
Any idea how I could get 3 panel divs to follow this method of centering, while appearing as an inline-block? (right now the 3 panel divs just stack on one another so I can only see the last one rendered by the browser)
Last edited by briansul; 12-01-2012 at 02:37 AM..