dxdesigner
02-25-2007, 07:31 PM
I am trying to align the main_container div to the center of the screen. I know that text-align:center is how i would normally do it, but in this case with all the other absolute positioning its not working correctly. Any ideas or suggestions? Thanks in advance!!! Heres my code so you can see what I'm working with:
<div id="main_container" style="width:800px;position:absolute;margin-left:auto;margin-right:auto">
<div id="vintagev1r1c1" style="position:absolute; left:0px; top:0px;width:800px; height:19px;z-index:1; visibility:visible;"><img name="vintage_v1_r1_c1" src="images/vintage_v1_r1_c1.jpg" width="800" height="19" border="0"></div>
<div id="vintagev1r2c1" style="position:absolute; left:0px; top:19px;width:800px; height:12px;z-index:2; visibility:visible;"><img name="vintage_v1_r2_c1" src="images/vintage_v1_r2_c1.jpg" width="800" height="12" border="0"></div>
<div id="vintagev1r3c1" style="position:absolute; left:0px; top:31px;width:800px; height:11px;z-index:3; visibility:visible;"><img name="vintage_v1_r3_c1" src="images/vintage_v1_r3_c1.jpg" width="800" height="11" border="0"></div>
<div id="vintagev1r4c1" style="position:absolute; left:0px; top:42px;width:160px; height:32px;z-index:4; visibility:visible;"><img name="vintage_v1_r4_c1" src="images/vintage_v1_r4_c1.jpg" width="160" height="32" border="0"></div>
<div id="vintagev1r4c3" style="position:absolute; left:160px; top:42px;width:81px; height:32px;z-index:5; visibility:visible;"><img name="vintage_v1_r4_c3" src="images/vintage_v1_r4_c3.png" width="81" height="32" border="0"></div>
<div id="vintagev1r4c4" style="position:absolute; left:241px; top:42px;width:97px; height:32px;z-index:6; visibility:visible;"><img name="vintage_v1_r4_c4" src="images/vintage_v1_r4_c4.jpg" width="97" height="32" border="0"></div>
<div id="vintagev1r4c7" style="position:absolute; left:338px; top:42px;width:88px; height:32px;z-index:7; visibility:visible;"><img name="vintage_v1_r4_c7" src="images/vintage_v1_r4_c7.jpg" width="88" height="32" border="0"></div>
<div id="vintagev1r4c10" style="position:absolute; left:426px; top:42px;width:126px; height:32px;z-index:8; visibility:visible;"><img name="vintage_v1_r4_c10" src="images/vintage_v1_r4_c10.jpg" width="126" height="32" border="0"></div>
<div id="vintagev1r4c11" style="position:absolute; left:552px; top:42px;width:86px; height:32px;z-index:9; visibility:visible;"><img name="vintage_v1_r4_c11" src="images/vintage_v1_r4_c11.jpg" width="86" height="32" border="0"></div>
<div id="vintagev1r4c12" style="position:absolute; left:638px; top:42px;width:162px; height:32px;z-index:10; visibility:visible;"><img name="vintage_v1_r4_c12" src="images/vintage_v1_r4_c12.jpg" width="162" height="32" border="0"></div>
<div id="vintagev1r5c1" style="position:absolute; left:0px; top:74px;width:800px; height:7px;z-index:11; visibility:visible;"><img name="vintage_v1_r5_c1" src="images/vintage_v1_r5_c1.jpg" width="800" height="7" border="0"></div>
<div id="vintagev1r6c1" style="position:absolute; left:0px; top:81px;width:91px; height:107px;z-index:12; visibility:visible;"><img name="vintage_v1_r6_c1" src="images/vintage_v1_r6_c1.jpg" width="91" height="107" border="0"></div>
<div id="vintagev1r6c2" style="position:absolute; left:91px; top:81px;width:221px; height:417px;z-index:13; visibility:visible;"><img name="vintage_v1_r6_c2" src="images/vintage_v1_r6_c2.jpg" width="221" height="417" border="0"></div>
<div id="vintagev1r6c5" style="position:absolute; left:312px; top:81px;width:39px; height:107px;z-index:14; visibility:visible;"><img name="vintage_v1_r6_c5" src="images/vintage_v1_r6_c5.jpg" width="39" height="107" border="0"></div>
<div id="vintagev1r6c9" style="position:absolute; left:351px; top:81px;width:341px; height:417px;z-index:15; visibility:visible;"><img name="vintage_v1_r6_c9" src="images/vintage_v1_r6_c9.jpg" width="341" height="417" border="0"></div>
<div id="vintagev1r6c13" style="position:absolute; left:692px; top:81px;width:108px; height:107px;z-index:16; visibility:visible;"><img name="vintage_v1_r6_c13" src="images/vintage_v1_r6_c13.jpg" width="108" height="107" border="0"></div>
<div id="vintagev1r7c1" style="position:absolute; left:0px; top:188px;width:91px; height:310px;z-index:17; visibility:visible;"><img name="vintage_v1_r7_c1" src="images/vintage_v1_r7_c1.jpg" width="91" height="310" border="0"></div>
<div id="vintagev1r7c5" style="position:absolute; left:312px; top:188px;width:6px; height:310px;z-index:18; visibility:visible;"><img name="vintage_v1_r7_c5" src="images/vintage_v1_r7_c5.jpg" width="6" height="310" border="0"></div>
<div id="vintagev1r7c6" style="position:absolute; left:318px; top:188px;width:26px; height:35px;z-index:19; visibility:visible;"><img name="vintage_v1_r7_c6" src="images/vintage_v1_r7_c6.jpg" width="26" height="35" border="0"></div>
<div id="vintagev1r7c8" style="position:absolute; left:344px; top:188px;width:7px; height:310px;z-index:20; visibility:visible;"><img name="vintage_v1_r7_c8" src="images/vintage_v1_r7_c8.jpg" width="7" height="310" border="0"></div>
<div id="vintagev1r7c13" style="position:absolute; left:692px; top:188px;width:8px; height:310px;z-index:21; visibility:visible;"><img name="vintage_v1_r7_c13" src="images/vintage_v1_r7_c13.jpg" width="8" height="310" border="0"></div>
<div id="vintagev1r7c14" style="position:absolute; left:700px; top:188px;width:26px; height:35px;z-index:22; visibility:visible;"><img name="vintage_v1_r7_c14" src="images/vintage_v1_r7_c14.jpg" width="26" height="35" border="0"></div>
<div id="vintagev1r7c15" style="position:absolute; left:726px; top:188px;width:74px; height:310px;z-index:23; visibility:visible;"><img name="vintage_v1_r7_c15" src="images/vintage_v1_r7_c15.jpg" width="74" height="310" border="0"></div>
<div id="vintagev1r8c6" style="position:absolute; left:318px; top:223px;width:26px; height:83px;z-index:24; visibility:visible;"><img name="vintage_v1_r8_c6" src="images/vintage_v1_r8_c6.jpg" width="26" height="83" border="0"></div>
<div id="vintagev1r8c14" style="position:absolute; left:700px; top:223px;width:26px; height:83px;z-index:25; visibility:visible;"><img name="vintage_v1_r8_c14" src="images/vintage_v1_r8_c14.jpg" width="26" height="83" border="0"></div>
<div id="vintagev1r9c6" style="position:absolute; left:318px; top:306px;width:26px; height:36px;z-index:26; visibility:visible;"><img name="vintage_v1_r9_c6" src="images/vintage_v1_r9_c6.jpg" width="26" height="36" border="0"></div>
<div id="vintagev1r9c14" style="position:absolute; left:700px; top:306px;width:26px; height:36px;z-index:27; visibility:visible;"><img name="vintage_v1_r9_c14" src="images/vintage_v1_r9_c14.jpg" width="26" height="36" border="0"></div>
<div id="vintagev1r10c6" style="position:absolute; left:318px; top:342px;width:26px; height:156px;z-index:28; visibility:visible;"><img name="vintage_v1_r10_c6" src="images/vintage_v1_r10_c6.jpg" width="26" height="156" border="0"></div>
<div id="vintagev1r10c14" style="position:absolute; left:700px; top:342px;width:26px; height:156px;z-index:29; visibility:visible;"><img name="vintage_v1_r10_c14" src="images/vintage_v1_r10_c14.jpg" width="26" height="156" border="0"></div>
<div id="vintagev1r11c1" style="position:absolute; left:0px; top:498px;width:800px; height:32px;z-index:30; visibility:visible;"><img name="vintage_v1_r11_c1" src="images/vintage_v1_r11_c1.jpg" width="800" height="32" border="0"></div>
<div id="vintagev1r12c1" style="position:absolute; left:0px; top:530px;width:799px; height:41px;z-index:31; visibility:visible;"><img name="vintage_v1_r12_c1" src="images/vintage_v1_r12_c1.jpg" width="799" height="41" border="0"></div>
<div id="vintagev1r13c1" style="position:absolute; left:0px; top:571px;width:800px; height:29px;z-index:32; visibility:visible;"><img name="vintage_v1_r13_c1" src="images/vintage_v1_r13_c1.jpg" width="800" height="29" border="0"></div>
</div>
<div id="main_container" style="width:800px;position:absolute;margin-left:auto;margin-right:auto">
<div id="vintagev1r1c1" style="position:absolute; left:0px; top:0px;width:800px; height:19px;z-index:1; visibility:visible;"><img name="vintage_v1_r1_c1" src="images/vintage_v1_r1_c1.jpg" width="800" height="19" border="0"></div>
<div id="vintagev1r2c1" style="position:absolute; left:0px; top:19px;width:800px; height:12px;z-index:2; visibility:visible;"><img name="vintage_v1_r2_c1" src="images/vintage_v1_r2_c1.jpg" width="800" height="12" border="0"></div>
<div id="vintagev1r3c1" style="position:absolute; left:0px; top:31px;width:800px; height:11px;z-index:3; visibility:visible;"><img name="vintage_v1_r3_c1" src="images/vintage_v1_r3_c1.jpg" width="800" height="11" border="0"></div>
<div id="vintagev1r4c1" style="position:absolute; left:0px; top:42px;width:160px; height:32px;z-index:4; visibility:visible;"><img name="vintage_v1_r4_c1" src="images/vintage_v1_r4_c1.jpg" width="160" height="32" border="0"></div>
<div id="vintagev1r4c3" style="position:absolute; left:160px; top:42px;width:81px; height:32px;z-index:5; visibility:visible;"><img name="vintage_v1_r4_c3" src="images/vintage_v1_r4_c3.png" width="81" height="32" border="0"></div>
<div id="vintagev1r4c4" style="position:absolute; left:241px; top:42px;width:97px; height:32px;z-index:6; visibility:visible;"><img name="vintage_v1_r4_c4" src="images/vintage_v1_r4_c4.jpg" width="97" height="32" border="0"></div>
<div id="vintagev1r4c7" style="position:absolute; left:338px; top:42px;width:88px; height:32px;z-index:7; visibility:visible;"><img name="vintage_v1_r4_c7" src="images/vintage_v1_r4_c7.jpg" width="88" height="32" border="0"></div>
<div id="vintagev1r4c10" style="position:absolute; left:426px; top:42px;width:126px; height:32px;z-index:8; visibility:visible;"><img name="vintage_v1_r4_c10" src="images/vintage_v1_r4_c10.jpg" width="126" height="32" border="0"></div>
<div id="vintagev1r4c11" style="position:absolute; left:552px; top:42px;width:86px; height:32px;z-index:9; visibility:visible;"><img name="vintage_v1_r4_c11" src="images/vintage_v1_r4_c11.jpg" width="86" height="32" border="0"></div>
<div id="vintagev1r4c12" style="position:absolute; left:638px; top:42px;width:162px; height:32px;z-index:10; visibility:visible;"><img name="vintage_v1_r4_c12" src="images/vintage_v1_r4_c12.jpg" width="162" height="32" border="0"></div>
<div id="vintagev1r5c1" style="position:absolute; left:0px; top:74px;width:800px; height:7px;z-index:11; visibility:visible;"><img name="vintage_v1_r5_c1" src="images/vintage_v1_r5_c1.jpg" width="800" height="7" border="0"></div>
<div id="vintagev1r6c1" style="position:absolute; left:0px; top:81px;width:91px; height:107px;z-index:12; visibility:visible;"><img name="vintage_v1_r6_c1" src="images/vintage_v1_r6_c1.jpg" width="91" height="107" border="0"></div>
<div id="vintagev1r6c2" style="position:absolute; left:91px; top:81px;width:221px; height:417px;z-index:13; visibility:visible;"><img name="vintage_v1_r6_c2" src="images/vintage_v1_r6_c2.jpg" width="221" height="417" border="0"></div>
<div id="vintagev1r6c5" style="position:absolute; left:312px; top:81px;width:39px; height:107px;z-index:14; visibility:visible;"><img name="vintage_v1_r6_c5" src="images/vintage_v1_r6_c5.jpg" width="39" height="107" border="0"></div>
<div id="vintagev1r6c9" style="position:absolute; left:351px; top:81px;width:341px; height:417px;z-index:15; visibility:visible;"><img name="vintage_v1_r6_c9" src="images/vintage_v1_r6_c9.jpg" width="341" height="417" border="0"></div>
<div id="vintagev1r6c13" style="position:absolute; left:692px; top:81px;width:108px; height:107px;z-index:16; visibility:visible;"><img name="vintage_v1_r6_c13" src="images/vintage_v1_r6_c13.jpg" width="108" height="107" border="0"></div>
<div id="vintagev1r7c1" style="position:absolute; left:0px; top:188px;width:91px; height:310px;z-index:17; visibility:visible;"><img name="vintage_v1_r7_c1" src="images/vintage_v1_r7_c1.jpg" width="91" height="310" border="0"></div>
<div id="vintagev1r7c5" style="position:absolute; left:312px; top:188px;width:6px; height:310px;z-index:18; visibility:visible;"><img name="vintage_v1_r7_c5" src="images/vintage_v1_r7_c5.jpg" width="6" height="310" border="0"></div>
<div id="vintagev1r7c6" style="position:absolute; left:318px; top:188px;width:26px; height:35px;z-index:19; visibility:visible;"><img name="vintage_v1_r7_c6" src="images/vintage_v1_r7_c6.jpg" width="26" height="35" border="0"></div>
<div id="vintagev1r7c8" style="position:absolute; left:344px; top:188px;width:7px; height:310px;z-index:20; visibility:visible;"><img name="vintage_v1_r7_c8" src="images/vintage_v1_r7_c8.jpg" width="7" height="310" border="0"></div>
<div id="vintagev1r7c13" style="position:absolute; left:692px; top:188px;width:8px; height:310px;z-index:21; visibility:visible;"><img name="vintage_v1_r7_c13" src="images/vintage_v1_r7_c13.jpg" width="8" height="310" border="0"></div>
<div id="vintagev1r7c14" style="position:absolute; left:700px; top:188px;width:26px; height:35px;z-index:22; visibility:visible;"><img name="vintage_v1_r7_c14" src="images/vintage_v1_r7_c14.jpg" width="26" height="35" border="0"></div>
<div id="vintagev1r7c15" style="position:absolute; left:726px; top:188px;width:74px; height:310px;z-index:23; visibility:visible;"><img name="vintage_v1_r7_c15" src="images/vintage_v1_r7_c15.jpg" width="74" height="310" border="0"></div>
<div id="vintagev1r8c6" style="position:absolute; left:318px; top:223px;width:26px; height:83px;z-index:24; visibility:visible;"><img name="vintage_v1_r8_c6" src="images/vintage_v1_r8_c6.jpg" width="26" height="83" border="0"></div>
<div id="vintagev1r8c14" style="position:absolute; left:700px; top:223px;width:26px; height:83px;z-index:25; visibility:visible;"><img name="vintage_v1_r8_c14" src="images/vintage_v1_r8_c14.jpg" width="26" height="83" border="0"></div>
<div id="vintagev1r9c6" style="position:absolute; left:318px; top:306px;width:26px; height:36px;z-index:26; visibility:visible;"><img name="vintage_v1_r9_c6" src="images/vintage_v1_r9_c6.jpg" width="26" height="36" border="0"></div>
<div id="vintagev1r9c14" style="position:absolute; left:700px; top:306px;width:26px; height:36px;z-index:27; visibility:visible;"><img name="vintage_v1_r9_c14" src="images/vintage_v1_r9_c14.jpg" width="26" height="36" border="0"></div>
<div id="vintagev1r10c6" style="position:absolute; left:318px; top:342px;width:26px; height:156px;z-index:28; visibility:visible;"><img name="vintage_v1_r10_c6" src="images/vintage_v1_r10_c6.jpg" width="26" height="156" border="0"></div>
<div id="vintagev1r10c14" style="position:absolute; left:700px; top:342px;width:26px; height:156px;z-index:29; visibility:visible;"><img name="vintage_v1_r10_c14" src="images/vintage_v1_r10_c14.jpg" width="26" height="156" border="0"></div>
<div id="vintagev1r11c1" style="position:absolute; left:0px; top:498px;width:800px; height:32px;z-index:30; visibility:visible;"><img name="vintage_v1_r11_c1" src="images/vintage_v1_r11_c1.jpg" width="800" height="32" border="0"></div>
<div id="vintagev1r12c1" style="position:absolute; left:0px; top:530px;width:799px; height:41px;z-index:31; visibility:visible;"><img name="vintage_v1_r12_c1" src="images/vintage_v1_r12_c1.jpg" width="799" height="41" border="0"></div>
<div id="vintagev1r13c1" style="position:absolute; left:0px; top:571px;width:800px; height:29px;z-index:32; visibility:visible;"><img name="vintage_v1_r13_c1" src="images/vintage_v1_r13_c1.jpg" width="800" height="29" border="0"></div>
</div>