The yellow highlight is the body tag.<\/figcaption><\/figure>\nUsing Firebug, you can see, the yellow highlighted area is the width\/height of my body element (it’s actually the margin and the width\/height is zero). \u00a0So the popup appeared in that area instead of the entire page.<\/p>\n
<\/p>\n
Solution:<\/h2>\n
The quick solution would be to change this \u00a0code:<\/p>\n
#Table_01 {\n position:absolute;\n left:50%;\n top:0px;\n height:auto;\n margin-left:-500px;\n width:1025px;\n background-image:url(..\/images\/expand.png);\n background-position:top;\n background-repeat:repeat-y;\n}<\/pre>\nTo the following code. \u00a0The following code doesn’t use absolute, instead it uses display: table and margin: 0px auto;<\/p>\n
#Table_01 {\n display: table;\n margin: 0px auto;\n width:1025px;\n background-image:url(..\/images\/expand.png);\n background-position:top;\n background-repeat:repeat-y;\n}<\/pre>\nAnd of course, we need some special code for our special browser Internet Explorer:<\/p>\n
\n \nbody { text-align: center; }\nbody * { text-align: left; }\n#Table_01 {\n zoom: 1;\n\tdisplay: inline;\n}\n\n<\/pre>\n <\/p>\n
Table_01 <\/strong>is the first element inside of the Body <\/strong>tag. \u00a0For a full explanation head on to where i found the solution. \u00a0Also do not forget the Doc Type<\/a> for IE to work propery.<\/p>\n <\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[2],"tags":[17,34],"yoast_head":"\n
Centering w\/o Absolute - My Monkey Do<\/title>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n\t\n\t\n