I am trying to center this JS/jquery/ajax app screen here, such that no matter what size the user's screen is, it will all remain centered. Right now it is all left-aligned:

http://www.funtrivia.com/html5/indexc.cfm?qid=361927

No matter what I try, it simply does not center. When I do manage to center the outermost div, all of the inner stuff gets messed up.

A quick Google Search reveals How to Centre a DIV Block Using CSS

Use the following CSS where #content is the id of your main div element

<!-- language: lang-css -->

#content {
    margin-left: auto ;
    margin-right: auto ;
}

The technique works because when both margins are set to auto, web browsers are required by the CSS standard to give them equal width.

jsFiddle